react-router-dom 相关问题

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

如何创建可以从这些页面访问或修改的全局状态？我正在使用 React RouterProvider

如何创建可以从这些页面访问或修改的全局状态？从“反应”导入反应从'react-dom/client'导入ReactDOM 导入 { createBrowserRouter, RouterProvider } f...

javascript reactjs react-router-dom

回答 1 投票 0

带有 Router DOM 的 Next.js

我想在导航中获取代码的结果，但它似乎返回一个可怕的错误：未处理的运行时错误错误：您无法在另一个中渲染。你是...

javascript reactjs next.js react-router-dom

回答 1 投票 0

未重定向至所需链接

问题是，每当我尝试结账时，如果我没有登录，它会转到链接“http://localhost:3000/login?redirect=shipping”登录，然后转到运输站点什...

javascript reactjs react-hooks react-router react-router-dom

回答 1 投票 0

React Router 6 操作未从 React Hook Form 订阅 isSubmitting + 也不使用 RTK 查询突变

简化的 React 组件，其形式为： const itemSchema = z.object({ 标题: z.string().max(50), }); 类型 ItemFormFields = z.infer; 常量{ 登记，处理提交，

reactjs typescript react-router-dom react-hook-form

回答 1 投票 0

我正在使用react-router-dom v6。为了在页面移动后调整滚动位置，我使用了 ScrollRestoration。我很好奇在哪里使用这个

我好奇的不是如何使用代码，而是在哪里使用代码的标准。我有三个主要组件来构建我的项目。索引.tsx 从“应用程序”导入应用程序；导入

reactjs typescript react-router react-router-dom

回答 1 投票 0

迁移到react-router v6时，获取模块“react-router-dom”没有导出成员“RouteComponentProps”错误

我们有基于遗留类的代码，我们正在尝试将其迁移到版本 6 的最新 React 路由器。在迁移过程中，我们收到此错误：模块“react-router-dom”...

reactjs typescript react-hooks react-router react-router-dom

回答 1 投票 0

如何导航到react-router中带有百分号的路径？

我正在尝试导航到网址中可能包含百分比 (%) 符号的页面。例如“www.domain.com/edit/name%” if（满足某些条件则重定向）{ 让encodedString =encodeURIComp...

javascript reactjs routes react-router react-router-dom

回答 2 投票 0

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

我有全局文件，其中包含以下路线： // 全局.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 导入的重定向和切换组件。这是我的代码：从“反应”导入反应；导入 {