有条件的导航栏？

Question

根据当前路径（是否以'/ members'开头），我需要不同的导航栏。我无法用useLocation（）或其他任何方法解决它。如果您有任何想法请告诉我！

class App extends Component {
  render() {
    return (
      <>
        <Router>
          <NavigationBar /> {/* OR MembersNavigationBar */}
          <Layout>
            <Switch>
              <Route exact path="/" component={Home} />
              <Route exact path="/members/home" component={MembersHome} />
            </Switch>
          </Layout>
        </Router>
      </>
    );
  }
}

Answer 1

我通过阅读文档解决了问题，并更好地了解了React-Router。这是简单的解决方案：

...
      <Switch>
        <Route path="/intern" component={MembersNavigationBar} />
        <Route path="/" component={NavigationBar} />
      </Switch>
...