这应该工作：
header.jsx：
class Header extends Component { render() { return (<div>Your header</div>); }}first-page.jsx：
class FirstPage extends Component { render() { return (<div>First page body</div>); }}第二页.jsx
class SecondPage extends Component { render() { return (<div>Second page body</div>); }}app.jsx：
import Header from './header.jsx';class App extends Component { render() { return ( <div> <Header /> {this.props.children} </div> ); }}web-app.jsx：
import App from './app.jsx';import FirstPage from './first-page.jsx';import SecondPage from './second-page.jsx';ReactDOM.render( <Router history = {browserHistory}> <Route path = "/" component = {App}> <Route path = "/first" component = {FirstPage}> <Route path = "/second" component = {SecondPage}> </Route> </Router>);
