Почему IndexRoute не работает на моем маршрутизаторе?

Question

Я пытаюсь отобразить компонент в моем шаблоне с помощью маршрутизатора, но по какой-то причине он не работает. может кто-то пожалуйста, указать на ошибки, которые я сделал в этом коде

Компонентные шоу «AppHeader», но компонент «PostList» не

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

У вас есть {this.props.children} в AppHeader метод отрисовки ?? Причина, если нет, это не сработает. Это должно выглядеть так:

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