爲什麼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> 
}