Javascript 是否可以使用react路由器将值从子路由传递到其父路由？

比如说，我有一个带有标题和主体的主布局。使用react router，我在主体中渲染组件

...
<header></header>
<main>{this.props.children}</main>
...

。。。
{this.props.children}
...

这是我当前的路由器：

<Route component={MainLayout} onEnter={requireCordova}>
   <Route path="/home" component={Home} />
   <Route path="/settings" component={Settings} />
</Route>

我的问题是我想让MainLayout从它的一个子页面抓取标题（填充标题），这可能吗

<Route component={MainLayout} onEnter={requireCordova}>
   <Route path="/home" component={Home} title='homepage' />
   <Route path="/settings" component={Settings} title='settings'  />
</Route>

---

您不能在组件之间直接通信。您可能希望使用共享存储来满足这些需求—最流行的解决方案是

为了解决更新标题的具体问题，有一个简单的实用程序可以简化这个过程

只需在任何管线组件内使用头盔组件：

头盔将负责更新您的标题。它也适用于HTML头中的其他元素，如元、链接、脚本标记等