Javascript 使用React路由器进行React页面布局

我这里有一个使用react router的默认布局页面：

Header = require('./components/Header'),
Footer = require('./components/Footer'),


var sampleApp= React.createClass({

getDefaultProps() {
    return {
      title: 'Page One'
    };
},    

render: function (){
    return (
        <div className="app">
            <Header title={this.props.title} />
            <RouteHandler />
            <Footer />
        </div>
    );
},

});

var routes = (
<Route name="app" path="/" handler={sampleApp}>
    <DefaultRoute name="home" handler={HomePage}  />
    <Route name="add-school" handler={AddPage}  />
</Route>
);

Router.run(routes, function(Handler){
var mountNode = document.getElementById('app');
React.render(<Handler /> , mountNode);
});

---

页面标题不显示，并在版面中保留为默认的“第一页”。任何人都可以告诉我如何将道具传递给标题组件吗？

您可以使用类似的组件来解决问题。

您可以使用类似的组件来解决问题。

谢谢，我如何配置它以与我的标题组件一起使用？只需使用DocumentTitle标记包装标题渲染功能即可。请看库文档中的示例。很抱歉投了反对票，但这里的问题不是关于在html标记中动态设置页面标题，而是关于非子/父组件之间的通信。谢谢，如何将其配置为与我的标题组件一起使用？只需使用DocumentTitle标记包装标题渲染函数。请看库文档中的示例。很抱歉投了反对票，但这里的问题不是关于在html标记中动态设置页面标题，而是关于非子/父组件之间的通信。谢谢，如何将其配置为与我的标题组件一起使用？只需使用DocumentTitle标记包装标题渲染函数。请看库文档中的示例。很抱歉投了反对票，但这里的问题不是关于在html标记中动态设置页面标题，而是关于非子/父组件之间的通信。

var HomePage = React.createClass({

mixins: [Router.Navigation],

getDefaultProps() {
    return {
      // set page title here
      title: 'Page Two'
    };
},

getInitialState: function () {
    return {
        tiles: null
    }
},