React-router v4 - 显示当前页面

Question

我有一个主要组件App，它包含我所有的Match组件。我希望能够在顶部显示当前页面（例如在标题中），但我无法获取当前路径名。

在App我：

App.contextTypes = { 
    history: React.PropTypes.object, 
}; 

我传递当前的路径名组件：

<Header currentPathname={this.context.history.location.pathname} /> 

然而，App似乎并不时更新位置的变化。我怎样才能听到这个并作为道具传递？

Answer 1

假设你想让你的标题显示在所有路线上，如果你把它放在你的Match组件上面。在这种情况下，还可以使用Match作为标题，并在每个模式中进行匹配，并且您将有权访问location至props。

<Match 
    pattern="/" 
    component={props => <Header pathname={props.location.pathname} />} 
/>