ReactJS动态导航栏

Question

我的路线设置如下：

<div>
    <NavBar />
    <Switch>
        <Route path='/home' />
        <Route path='/post' />
        <Route path='/other_thing' />
    </Switch
</div>

基于页面位置，我希望能够在导航栏中显示不同的按钮。 （例如，goBack与汉堡菜单，搜索工具与保存按钮等）

我正试图有效地将道具从页面传递到导航栏，而无需重新渲染整个导航栏，也不会破坏React的“数据向下”原则。

如果您已经在ReactJS中创建了动态导航栏，或者对如何执行此操作有任何想法，请告诉我。

谢谢！