react-router-dom 相关问题

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

在服务器上重新加载时，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...