Добавление ручек Storybook в приложение React Hooks с Redux - PullRequest
Новая
       0

Добавление ручек Storybook в приложение React Hooks с Redux

0 голосов
/ 24 января 2020

У меня есть приложение, использующее React-хуки, и я также использую там Storybook. После добавления Redux у меня небольшая проблема. Хотя добавление провайдера в качестве глобального декоратора помогло мне загрузить начальное состояние для моих компонентов и отобразить их в Storybook, теперь, когда в магазине есть все, я не могу понять, как добавить ручки, чтобы иметь возможность отображать мои компоненты с другим состоянием.

Вот файл конфигурации с провайдером 

const store = createStore(reducer);  
addDecorator(Story => (<div
style={style}>
<Provider store={store}>
<Story />
</Provider>   </div> ));

А вот одна из историй, которая работала хорошо до того, как Redux (с хуками useSelector и useDispatch) был добавлен 

const stories = storiesOf('UI Components', module)
stories.addDecorator(withKnobs)
stories.add('Input Button', () => {
const groupId = 'Props'
const statusesKnob = select('Button states', appStates, Object.values(appStates)[0], groupId)
  return <InputButton getAppState={statusesKnob} />
})

States 

const appStates = [
  LOADING: 'LOADING',
  INACTIVE: 'INACTIVE',
  ERROR:'ERROR',
]

Спасибо

...