React Router nicht untergeordneten Komponenten

Question

Neu zu reagieren. Problem beim Rendern untergeordneter Komponenten mit reaktivem Router. Meine App-Komponente wird in Ordnung wiedergegeben. Wenn ich App in der Elternkomponente für Child1 oder Child2 austausche, funktionieren diese auch. Aber meine verschachtelten Komponenten im Router reagieren anscheinend nicht. Was vermisse ich?

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')); 

aktualisieren Okay, so kann ich dies mit hashHistory zu arbeiten, aber browserHistory funktioniert nicht. Warum ist das?

Answer 1

Bezug nehmend auf die Antwort im Kommentar zu meiner Frage, wenn Sie browserHistory verwenden, müssen Sie die Dateien von einer * Route mit Express oder was auch immer anderen Server verwendet werden. Wenn Sie Dateien lokal von einem Entwicklungsserver oder einem Server bereitstellen, der nicht für diese Art von Routing konfiguriert ist, müssen Sie hashHistory verwenden.