为了提高站点性能,我在考虑将代码拆分一些我在初始构建时不需要的组件。在寻找了一些选择之后,我决定选择react-loadable。
根据react-loadable文档,我们可以并行加载multiple resources。有了这个想法,并在文档中提供了示例代码,我成为了trying to implement一个组件,它可以获取组件以及呈现该组件所需的数据。但是我面临的问题是,每次尝试使用Loadable.Map
函数时,控制台中都会显示TypeError: loader is not a function
,并且仅显示加载状态。文档是否损坏或我的实现?
答案 0 :(得分: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
},