反応成分が働いていないWebpack require.ensure（コード分割）？

Question

私は以下のコンポーネントを持っています。 domの製品モジュールをレンダリングせず、コンソールにエラーも表示しません。

ReactDOM.render(<ProductModule/>,document.getElementById('product-container'));を使用している場合は動作しています。

import React, {Component} from 'react'; 
import ReactDOM from 'react-dom'; 
class ProductModuleWrapper extends Component { 
    constructor(props) { 
    } 

    render() { 
     return (
      <div className="product-container"> 
       {this.renderProductModules()} 
      </div> 
     ); 
    } 

    renderProductModules() { 
     require.ensure([],(require) => { 
      var ProductModule = require('../ProductModule').default; 
      return ProductModule; 
     },'productmodule'); 
    } 
} 

編集：

私はこれがコールを確実に必要との非同期な性質とは何かだと思う、コンポーネントの状態や小道具を持っている場合

Answer 1

リアクトのみ再レンダリングします助けてください更新されました。あなたの例では、いずれも非同期的にフェッチされるのでコンポーネントをレンダリングしません。

私はこのブログの記事で説明したように、あなたがthis.stateを使用することをお勧めします：あなたは `renderProductModules`関数からそれを返す場合http://blog.netgusto.com/asynchronous-reactjs-component-loading-with-webpack/