我们根据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>
)
};