Reactjs 将参数传递到基本布局管线

我有一个使用React路由器的React应用程序，我正在努力使用一个简单的功能。我已配置以下路由：

<Router history={hashHistory}>
    <Route path="/" component={Layout}>
        <IndexRoute component={Home}></IndexRoute>
        <Route path="reports" name="reports" component={Reports}></Route>
        <Route path="help" name="help" component={Help}></Route>
    </Route>
</Router>

我想知道如何将

this.props.title

传递到该

Layout

组件中

我尝试了以下方法：

1） 在路线上：

<Route path="reports" name="reports" component={Reports} title="Reports"></Route>

2） 在链接中：

<Link to="reports" title="Reports"><span><i class="fa fa-file"></i> Reports</span></Link>

报告

3） 在带有查询参数的链接中：

<Link to={{ pathname: 'help', query: { title: 'Help' } }}><span><i class="fa fa-question"></i> Help</span></Link>

帮助

提前谢谢

试试这个：

<Route path="/" title="my awesome title" component={Layout}>

在布局组件中：

<h1>{this.props.route.title}</h1>

{this.props.route.title}

title属性应该来自哪里？它是动态的，还是从更高的组件传递的？还是你要手动传递？布局组件似乎是最顶层的组件。布局是其他页面的“容器”。

title

属性将被传递给它，以便它能够呈现正在呈现的页面的标题…其工作。。可以通过调用this.props.route.title访问子组件中的标题

<h1>{this.props.route.title}</h1>