React-Loadable如何返回组件？

Question

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

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

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

Answer 1

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

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

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

以下是同一文档的文档：https://github.com/jamiebuilds/react-loadable#optsloading

希望这会有所帮助！