0

为了提高站点性能，我正在考虑代码拆分一些我在初始构建时不需要的组件。在寻找一些选项后，我决定使用react-loadable。

根据 react-loadable 文档，我们可以并行加载多个资源。有了这个想法和文档中给出的示例代码，我试图实现一个组件，该组件获取组件以及呈现组件所需的数据。但我面临的问题是，每次我尝试使用Loadable.Map功能时，我都会TypeError: loader is not a function在控制台中得到一个，并且只显示加载状态。文档是否损坏或我的实施？

4

1 回答 1

2

对象中的项目loader需要是函数

所以改变

Loadable.Map({
  loader: {
    Post: () => import("./Post"),
    data: fakeAPI()
  },

至

Loadable.Map({
  loader: {
    Post: () => import("./Post"),
    data: () => fakeAPI()
  },

甚至

Loadable.Map({
  loader: {
    Post: () => import("./Post"),
    data: fakeAPI
  },

查看更新的演示：https ://codesandbox.io/s/my19zqk78

于 2018-12-10T16:08:46.360 回答