javascript - 代码拆分 React 组件

Question

我对 React 相对较新（准确地说，我使用的是 preact.js），并且我正在尝试使用 webpack 2 对 react 组件进行代码拆分。

我按照文档中的说明导出我的组件，然后importing加载它。

  import('./components/List').then((List) => {
    render(<List />, document.getElementById('main'));
  });

脚本加载，但我没有正确处理承诺回调，并且发现很难看到任何显示工作版本的文档。

List返回以下对象：

score 1 · Accepted Answer

我看到了你的回购。看起来您的列表组件没有export default. 我会default在你的内部添加 and then，当你处理承诺时，我会这样做

.then(module => {
   const Component = module.default;
   render(<Component />, document.getElementById('main'))
})

1 回答 1