代碼拆分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'))
})