在React Router dom

问题描述

我正在开发一个反应应用程序,其中/ content转到内容页面,/ settings转到设置页面。现在,我必须将基本路径添加为/ app /:appId / content。另外,我必须只为受保护的路由设置基本路径。我不想将基本路径添加到所有路线,因为我有很多页面。我该如何实现。 我正在使用react-router-dom v5.1.2。

return (
  <Router>
    <Switch>
      <Route path="/login" exact>
        <SigninPage />
      </Route>

      <ProtectedRoute>
         <Route path="/app/:appId">
          <Route path="/content">
            <ContentPage />
          </Route>
          <Route path="/settings">
            <SettingsView />
          </Route>
        </Route>
      </ProtectedRoute>
    </Switch>
  </Router>
);

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)