javascript - React-Loadable 如何返回组件？

Question

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

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

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

Answer 1

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

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

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

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

希望这对您有所帮助!