React-Loadable 如何返回组件？

【问题标题】：React-Loadable how to return component?React-Loadable 如何返回组件？
【发布时间】：2019-10-24 14:55:28
【问题描述】：

const PageDocuments = Loadable({
    loader: () => import('./pages/documentflow/PageDocuments'),
    loading:  ({error}) => {
        if (error) {
            console.log(error);
        }
    },
});

<LayoutDefault path={PageDocuments.Path} component={PageDocuments}/>

我有错误加载（...）：没有从渲染返回。这通常意味着缺少 return 语句。或者，不渲染任何内容，返回 null。如何使用 return 获取所有组件？

【问题讨论】：

标签： javascript reactjs

【解决方案1】：

错误说明了这一切，因为loading 属性要求您返回Component，而您没有从loading 返回任何内容。

如果您不想显示加载组件，可以返回null。

您可以查看此示例以了解更多详细信息：https://github.com/jamiebuilds/react-loadable#loadingcomponent

这是相同的文档：https://github.com/jamiebuilds/react-loadable#optsloading

希望这会有所帮助！

【讨论】：