代码拆分React组件

Question

我对React还是比较陌生的（确切地说，我正在使用preact.js），并且我正在尝试使用Webpack 2对分离出的React组件进行编码。

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

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

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

List返回以下对象：

Answer 1

我看到了你的回购 看起来您的列表组件没有export default 。 我会在您的then添加default ， then在您处理诺言时以这种方式进行操作

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