javascript 故事书:嵌套容器组件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 故事书:嵌套容器组件相关的知识,希望对你有一定的参考价值。

import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { Provider } from 'react-redux';

import { PureInboxScreen } from './InboxScreen';
import { defaultTasks } from './TaskList.stories';

// A super-simple mock of a redux store
const store = {
  getState: () => {
    return {
      tasks: defaultTasks,
    };
  },
  subscribe: () => 0,
  dispatch: action('dispatch'),
};

storiesOf('InboxScreen', module)
  .addDecorator(story => <Provider store={store}>{story()}</Provider>)
  .add('default', () => <PureInboxScreen />)
  .add('error', () => <PureInboxScreen error="Something" />)

以上是关于javascript 故事书:嵌套容器组件的主要内容,如果未能解决你的问题,请参考以下文章

javascript 包装组件的故事书信息

如何将故事书嵌套的 storiesOf api 转换为 CSF 格式

如何将 react-relay 组件添加到故事书中?

故事书:对象不是 Twig 组件上的函数

无法将组件导入故事书

故事书组件库站点?