当其他人在反应路由器中处于活动状态时如何禁用特定路由

如何解决当其他人在反应路由器中处于活动状态时如何禁用特定路由

我有体育和娱乐两个部分。我希望在我的运动路线处于活动状态时，用户不应访问娱乐路线。我该怎么做？

从我的App.js文件中路由代码

<Router>
  <Switch>
    <Route path="/" exact>
      <Redirect to="/home" />
    </Route>
    <Route path="/home" component={Main} />
    <Route path="/sports" component={Sports} />
    <Route path="/entertainment" component={Entertainment} />
   
  </Switch>
</Router>

解决方法

您可以分为两部分。

例如：

const Routers = () => {
  const toggleRoutesPermission = true // should get the permission value from somewhere

  return (
    <Router>
      <Switch>
        <Route path="/" exact>
          <Redirect to="/home" />
        </Route>
        <Route path="/home" component={Main} />
        {
          toggleRoutesPermission
            ? <Route path="/sports" component={Sports} />
            : <Route path="/entertainment" component={Entertainment} />
        }
      </Switch>
    </Router>
  )
}