reactjs - React Router v6 Modal 在单独的路由中

Question

我有一个 react 应用程序，带有 react-router-dom v6 beta。像这样的东西：

function App() {
  let element = useRoutes([
    { path: '/', element: <Home /> },
    {
      path: 'users',
      element: <Users />,
      children: [
        { path: '/', element: <UsersIndex /> },
        { path: ':id', element: <UserProfile /> },
        { path: 'me', element: <OwnUserProfile /> },
      ]
    }
  ]);

  return element;
}

我在路由时使用插座来呈现页面。我正在尝试创建具有单独路线的模态。任何帮助表示赞赏。

标签： reactjsreact-router-dom

Answer 1

就目前情况而言，这不适用于 v6。这是某人为实现相同目的而创建的 v6 的一个分支：https ://github.com/ReactTraining/react-router/issues/7117#issuecomment-802439743