Reactjs 如何在react router中有条件地呈现导航栏？

如何在React Router 5中有条件地渲染导航条？ 到目前为止，我的

{window.location.href.includes（'data-url'）？空：(
)}

这确实有效，但有一个问题。我的

数据url

组件中有一个链接，可以重定向回应用程序。但是，一旦它重新定向并降落在另一条路线上，导航栏仍然没有显示，我已经登录到

组件，并且它没有重新渲染，因此它没有显示

---

有没有更好的方法强制更新？或者如何有条件地呈现导航栏？

如果只希望导航栏显示在

/home

页面上，则必须指定路线：

<Route exact path="/home" component={CONNECTED_NAV} />

路线必须包装在BrowserRouter中，如果您不知道这些，请访问

---

如果您只希望导航栏显示在

/home

页面上，则必须指定路线：

<Route exact path="/home" component={CONNECTED_NAV} />

路线必须包装在BrowserRouter中，如果您不知道这些，请访问

只是继续扩展

您可能仍然希望从react router传递路由器道具

<Route exact path="/home" render={(routerProps) => (condition ? <CONNECTED_NAV {...routerProps} /> : null)} />

（条件：null）}/>

只是继续扩展

您可能仍然希望从react router传递路由器道具

<Route exact path="/home" render={(routerProps) => (condition ? <CONNECTED_NAV {...routerProps} /> : null)} />

（条件：null）}/>