リアクションルータが子コンポーネントを表示しない

Question

新規対応反応ルータで子コンポーネントをレンダリングする際に問題が発生しました。 My Appコンポーネントはうまくレンダリングされます。 Child1またはChild2の親コンポーネントでAppを交換すると、それらも同様に機能します。しかし、反応ルータ内の私の入れ子にされたコンポーネントはレンダリングされていないようです。私は何が欠けていますか？

var App = React.createClass({ 
    render: function() { 
    return <h1 className="red"> 
     dfdf 
     {this.props.children} 
    </h1> 
    } 
}); 

var Child1 = React.createClass({ 
    render: function() { 
    return (
     <h1>I am a Child</h1> 
    ) 
    } 
}); 

var Child2 = React.createClass({ 
    render: function() { 
    return (
     <h1>I am the other Child</h1> 
    ) 
    } 
}); 

var routes = (
    <Router history={browserHistory}> 
    <Route path="/" component={App}> 
     <Route path="1" component={Child1} /> 
     <Route path="2" component={Child2} /> 
    </Route> 
    </Router> 
) 

ReactDOM.render(routes, document.querySelector('.container')); 

更新わかりましたので、私はこれがhashHistoryで動作するように得ることができますが、browserHistoryは動作しません。どうしてこれなの？

Answer 1

私の質問にコメントで与えられた答えを参考にして、browserHistoryを使用するときは、エクスプレスまたは他のどのサーバーを使用している*経路からファイルを提供する必要があります。この種のルーティング用に構成されていない開発サーバーまたはサーバーからローカルでファイルを提供する場合は、hashHistoryを使用する必要があります。