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

希望这可以帮助！