基本レイアウトルートにパラメータを渡す

Question

私はリアクタを使ったリアクションアプリを持っています。私は単純な機能で苦労しています。

<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> 

をなど、私のLayoutコンポーネントになります：私は、次のルートが設定されている私はthis.props.titleこのLayoutコンポーネントでレンダリングすることを渡すことができますどのように知っていただきたいと思い

<div class="content-wrapper"> 
    <section class="content-header"> 
     <h1>{this.props.title}</h1> 
    </section> 
    <section class="content" ref="content"> 
     <div class="content-pad"> 
      {this.props.children} 
     </div> 
    </section> 
</div> 

。

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）クエリPARAMとのリンクにおいて：

は、私は、次の試みています

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

ありがとうございます！

Answer 1

これを試してみてください：

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

とレイアウトコンポーネントで

は：

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