React-router将数据传递给父级

Question

我有一个简单的React应用程序，使用react-router来确定要显示的页面：

<Router history={hashHistory}>
    <Route component={Navigation}>
        <IndexRoute component={HomePage}/>
        <Route path="/home" component={HomePage} />
        <Route path="/orders" component={OrderPage} />
        <Route path="/accounts" component={AccountPage} />
    </Route>
</Router>

简单，这很有效。我想做的是让导航元素包含当前页面中的一些数据。特别是页面的名称。因此，当在订单页面上时，导航元素将显示＆＃34;订单＆＃34;当在帐户页面上时，它将包含文本＆＃34; Accounts＆＃34;

但是如何传递这些数据？

如果它有任何区别我将使用material-ui（http://www.material-ui.com）库来构建UI组件。