Warum funktioniert IndexRoute nicht auf meinem reagierenden Router?

Question

Ich versuche, eine Komponente in meiner Vorlage mit Reagieren Router zu rendern, aber aus irgendeinem Grund funktioniert es nicht. kann jemand irgendwelche Fehler hinweisen bitte i

in diesem Code gemacht haben

Die ‚AppHeader‘ Komponente zeigt aber die Komponente ‚PostList‘ nicht

import {Meteor} from 'meteor/meteor'; 
import React, {Component} from 'react'; 
import {Router, Route, browserHistory, IndexRoute} from 'react-router'; 
import ReactDOM from 'react-dom' 
import LandHeader from './components/header/landing-header'; 
import AppHeader from './components/header/app-header'; 
import PostList from './components/app/post_list'; 
import App from './components/app'; 

routes = (
<Router history={browserHistory}> 
    <Route path='/app' component={LandHeader}> 
    </Route> 

    <Route path='/' component={AppHeader}> 
    <IndexRoute component={PostList} /> 
    </Route> 
</Router> 
) 

Meteor.startup(()=>{ 
    ReactDOM.render(routes, document.querySelector('.container')); 
}) 

Answer 1

Haben Sie {this.props.children} in AppHeader Methode machen ?? Ursache wenn nicht, es würde nicht funktionieren. Es sollte so aussehen:

render() { 
<div> 
    some stuff here 
    <div className='childrens'>{this.props.children}</div> 
    stuff here 
</div> 
}