在不同的组件上显示隐藏侧面菜单reactjs

如何解决在不同的组件上显示隐藏侧面菜单reactjs

因为我是React js的新手。我尝试了许多解决方案来在不同组件上实现显示/隐藏侧菜单。

我的情况是：

1. 用户登录后，所有组件上都会显示侧面菜单。
2. 用户注销后，它仅显示某些组件，如ForgotPassword或“条款和条件”（根据身份验证更改了菜单名称），但隐藏在“登录组件”上。

我的代码是：

App.js

        <Router>
            <SideNavigation />           
            <Routes />
        </Router>

Routes.js

    <Switch>
      <Route exact path="/login" component={Login} />
      <Route exact path="/forgotPassword" component={ForgotPassword} />
      <PrivateRoutes exact path="/" component={Dashboard} />
      <PrivateRoutes exact path="/emp" component={Employee} />
      <PrivateRoutes exact path="/empList" component={EmployeeList} />
    </Switch>