Сборник рассказов: рендеринг асинхронного компонента - PullRequest
0 голосов
/ 26 сентября 2019

У меня есть <AsyncComponent />, который лениво загружает компонент:

class AsyncComponent extends Component {
  state = {
    Cmp: null
  };

  componentDidMount() {
    this.getComponent();
  }

  getComponent = async () => {
    if (!this.state.Cmp) {
      try {
        const { default: Cmp } = await this.props.moduleProvider();
        this.setState({ Cmp });
      } catch (e) {
        /* Handle failure to load dynamic component */
      }
    }
  };

  render(props, { Cmp}) {
    return Cmp ? <Cmp {...props} /> : 'Loading';
  }
}

И его история выглядит так:

import AsyncComponent from "./AsyncComponent";

storiesOf("AsyncComponent", module).add("default", () => (
  <AsyncComponent moduleProvider={() => ({ default: <h1>Hello world</h1> })} />
));

Но я ничего не вижу наСторибук ...

...