为什么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> 
}