依存関係に基づいてReactコンポーネントをインポートするにはどうすればよいですか？

Question

私は、私は2つのコンポーネントリアクトcratedてきた私のbundle.js

を作成するための最初の時間とWebPACKのために（バベル）と反応使ってJSXだ - Header1.jsxとHeader2.jsxを。

4.July 2016は、前の場合 - >私はindex.jsを使用していリアクトにコンポーネントをインポートするにはHeader2.jsx

を使用 - 4.July 2016が後にした場合> Header1.jsx
を使用します。

import SportMenu from './components/SportMenu.jsx'; 
import NextMatches from './components/NextMatches.jsx'; 
(...) 

は基本的に私はこれを行うコードをしたい：

var eventStart = new Date('2016-06-10T21:00:00+02:00'); 
var now = new Date(); 

if(nowgetDate().getDate() < eventStart.getDate()){ 
    import EmCountdown from './components/Countdown.jsx'; 
} else { 
    import FocusMenu from './components/FocusMenu.jsx'; 
} 

は、どのように私はこれを達成することができますか？

Answer 1

あなたはしかし、あなたはいつもモジュールとして

import SportMenu from './components/SportMenu.jsx'; 
import NextMatches from './components/NextMatches.jsx'; 
import EmCountdown from './components/Countdown.jsx'; 
import FocusMenu from './components/FocusMenu.jsx'; 

をそれらをインポートして、条件

var eventStart = new Date('2016-06-10T21:00:00+02:00'); 
var now = new Date(); 

if (now < eventStart){ 
    <EmCountdown />; 
} else { 
    <FocusMenu />; 
} 

によってそれらをレンダリングすることができ、動的にモジュールをインポートすることはできません