我可以在props.children进口上使用React-loadable吗?

时间:2018-11-29 14:51:00

标签: reactjs react-loadable

我们根据redux-form的示例创建了一个处理多步骤表单的向导。我想知道当用户将按钮悬停在上一个/下一个按钮上时,是否可以以及如何使用react-loadable中的preload静态函数来预加载表单的下一个或上一个组件?这里的问题是我没有参与props.children中组件的导入

 nextPage() {
    const {children} = this.props
    if (this.state.page !== children.length) {
        this.setState({page: this.state.page + 1})
    }
  };

  onMouseOverNext() {
    LoadableNextComponent.preload();
  };

  const LoadableNextComponent = Loadable({
    loader: () => import(???),
    loading: Loading,
  });

  previousPage() {
    this.setState({ page: this.state.page - 1 })
  };

  getPage(): JSX.Element {
    return this.props.children[this.state.page - 1];
  };

  render() {
    const { onSubmit } = this.props
    const { page } = this.state
    return (
      <div>
        {this.getPage()}
      </div>
    )
  };

0 个答案:

没有答案