由于react-loadable和@loadable/component确实存在差异,因此不可能通过loadable-codemod制作 100% 完全自动化的 codemod来处理所需的所有更改。所以react-loadable带有诸如 Loadable.Map、pastDelay、timedOut、delay 等在@loadable/component中不存在的东西。
在 Loadable.Map 我可以组合资源来加载,比如
Loadable.Map({
loader: {
Bar: () => import('./Bar'),
i18n: () => fetch('./i18n/bar.json').then(res => res.json()),
},
render(loaded, props) {
let Bar = loaded.Bar.default;
let i18n = loaded.i18n;
return <Bar {...props} i18n={i18n}/>;
},
});
那么如何使用@loadable/component来实现这个功能