Code Splitting React组件

Question

我对React比较新（我准确地使用了preact.js），我正在尝试使用webpack 2编写拆分反应组件的代码。

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

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

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

List返回以下对象：

Answer 1

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

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