react-router-dom 相关问题

使用此标记可以了解有关DOM使用和React Router v4绑定的问题。

有没有办法解决路由之间相互影响的组合？

我有全局文件，其中包含以下路线： // 全局.tsx 从“反应”导入反应；从“react-router-dom”导入{ BrowserRouter as Router, Route, Routes }; 导入

reactjs react-hooks frontend react-router-dom

回答 1 投票 0

在测试中为BrowserRouter设置路由

我有一个测试用例，我需要从注册页面（/signup）开始，成功注册后，应用程序应导航到主页（/）。我目前正在使用 MemoryRouter 来设置

reactjs react-router react-router-dom

回答 2 投票 0

带有 typescript 的 Reactv2.20.2 无法使用 <Navigate to ="/login'/>

从 'react-router-dom' 导入 { createBrowserRouter, createRoutesFromElements, Route }; 从'./ErrorBoundary'导入ErrorBoundary； // 导入您的 ErrorBoundary 组件从 './Log... 导入登录信息

reactjs typescript react-router-dom

回答 1 投票 0

React-Router：如何添加新组件并路由到向导上的入门步骤？

我正在处理的这个项目有一个入门向导，基本上是一些处理逐步入门过程的代码，几乎与您在这里看到的类似： https://medium.com/@l_e/writing-a-...

reactjs react-router react-router-dom

回答 2 投票 0

React Router DOM + Flowbite NavBar：链接问题

我想将 React Router DOM 与 Flowbite React 一起使用。我正在尝试构建一个导航栏。从“react-router-dom”导入{Link，useLocation}；从“flowbite-react...

reactjs react-router-dom tailwind-css flowbite

回答 2 投票 0

如何在 React 应用程序中为从 API 获取的数据列表中的每个项目创建单独的路由

考虑到我在 React 应用程序中有产品列表及其各自的路线，如何在单击每个产品时对产品信息进行 API 调用？函数应用程序（）{ 常量 [

reactjs rest axios mapping react-router-dom

回答 1 投票 0

自定义 NPM 包：useLocation() 只能在<Router>组件的上下文中使用

我创建这篇文章是因为经过几个小时的搜索后，我在网上找不到解决方案，所以我将用解决方案回答我自己的问题，以防有人遇到与我相同的问题...

reactjs react-router react-router-dom monorepo

回答 1 投票 0

在服务器上重新加载时，React 路由器 404 子路由问题

我正在使用react和react-router来构建一个网站。我在 Godaddy 的共享 cPanel 主机上托管了该网站。它是一个带有 Apache 服务器的 Linux。该应用程序在自然链接上运行良好

reactjs apache .htaccess react-router react-router-dom

回答 2 投票 0

React Router DOM v6：在路由加载器中使用重定向时出现无限重定向循环

我有一个简单的应用程序，使用来自react-router-dom的新v6 API。我的应用程序路由定义如下：从“@org/components-library”导入{页脚，布局}；导入 { 出口，重新启动...

javascript reactjs react-router-dom

回答 1 投票 0

react router dom 嵌套路由

}> } /> <Route path="/menu" element={<Menu />}> <Route path="featured" element={<Featured />} /> <Route path="previous" element={<Previous />} /> <Route path="favourites" element={<Favourites />} /> <Route path=":categoryId/:menuId" element={<MenuDetail />} /> </Route> <Route path="/menu" element={<Menu />} /> <Route path="/menu/featured" element={<Featured />} /> <Route path="/menu/previous" element={<Previous />} /> <Route path="/menu/favourites" element={<Favourites />} /> <Route path="/menu/:categoryId/:menuId" element={<MenuDetail />} /> 我以为这两个代码做同样的事情，但发现它们不是。第一个是菜单路由下的嵌套路由，第二个只是常规路由。显然第二个代码就是我想要的。第一个，当我去的时候 "/menu/featured" "/menu/previous" "/menu/favourites" "/menu/:categoryId/:menuId" 他们都给了我Menu组件，这是我不想要的。所以我不得不尝试第二个代码来实现我想要的。但是它们不是一样吗？如果我要使用嵌套路由来实现我想要的目标，我应该如何编写这段代码？第一个示例 Menu 组件被渲染为布局路线。布局路由组件还应该为其嵌套路由渲染一个 Outlet 组件，以渲染其 element 内容。如果仅渲染 Menu，那么我怀疑您错过了 Outlet。也就是说，如果您想让两个片段相同，那么您可以将 Menu 渲染为 "/menu" 上渲染的布局路线的索引路线。示例： <Route path="/menu"> <Route index element={<Menu />} /> <Route path="featured" element={<Featured />} /> <Route path="previous" element={<Previous />} /> <Route path="favourites" element={<Favourites />} /> <Route path=":categoryId/:menuId" element={<MenuDetail />} /> </Route> 这相当于将它们全部单独渲染为完全合格的路由路径。 <Route path="/menu" element={<Menu />} /> <Route path="/menu/featured" element={<Featured />} /> <Route path="/menu/previous" element={<Previous />} /> <Route path="/menu/favourites" element={<Favourites />} /> <Route path="/menu/:categoryId/:menuId" element={<MenuDetail />} />

javascript reactjs react-router-dom nested-routes

回答 1 投票 0

React router dom 6.14 并延迟不等待数据

我使用react router dom 6.14并尝试使用defere、suspense和await，就像在他们的文档中一样，无论我做什么，似乎后备从未呈现。这是我的代码。 //路由.tsx c...

reactjs react-router-dom

回答 2 投票 0

在我的React应用程序的嵌套页面中使用React Router Dom v6路由时，URL发生变化，但组件未呈现

我有一个带有侧边栏的主页和一个将显示所选选项的内容显示区域。当我尝试单击侧边栏中的链接时出现问题，它不会改变任何内容......

javascript reactjs react-router-dom mern

回答 1 投票 0

React Router：在react-router-dom中找不到重定向和切换组件

我的 React 应用程序遇到问题，找不到从react-router-dom 导入的重定向和切换组件。这是我的代码：从“反应”导入反应；导入 {

reactjs react-router react-router-dom react-router-component

回答 1 投票 0

刷新页面导致页面呈现空白并抛出navigate()错误

我用 Astro、React 和 RRDv6 构建了这个简单的混合 SPA 路由树： ˫ localhost/ ------------------(公共页面) ˫ localhost/login ------------（管理员登录页面） ˪ localhost/admin/home ---...

javascript reactjs react-router react-router-dom astrojs

回答 1 投票 0

createBrowserRouter 将 props 传递给父组件以验证权限

我要做的事情也许没用。如果社区有任何其他解决方案请向我提出我正在做的是我需要检查每个路由是否用户有权访问它。那么我会做什么...

reactjs react-router-dom

回答 1 投票 0

使用路由反应包装器

已经用路由包裹了我的路由，但它一直向我显示错误，它需要包裹在路由中这是我的控制台中的确切错误 react-router-dom.js?v=74614133:209 未捕获的错误：A <

reactjs react-router react-router-dom

回答 1 投票 0

如何分享React应用程序路由的链接？

我在我的客户端应用程序中使用react 17和react-router-dom 6。我希望我的用户能够像这样在彼此之间共享链接 https://example.com/id/8dcbe502-cc71-4...