react-router-dom 相关问题

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

如何在react-router v5中监听查询参数更改事件

我希望能够监听查询参数更改事件,最好通过钩子,但任何事情都很好。我找不到任何表明它甚至可以使用react-router的东西,所以其他

回答 2 投票 0

UseHistory 推送会更改 url,但不会更改网站 [重复]

我在V5中使用React router dom。 这是我的路由器: <

回答 3 投票 0

create-react-app:根据目录中的文件自动路由

如何修改create-react-app以便自动为目录中的react组件创建路由? 例如,我的 src 目录如下所示: ├── 应用程序.css ├── App.js ├── App.test.j...

回答 1 投票 0

如何在React Router V6中使用<Route>保留查询参数?

我在路线上没有看到任何提及“搜索”参数 https://reactrouter.com/en/main/route/route 目前,至少对于我的项目来说,当匹配新路线并应用时,参数会丢失...

回答 1 投票 0

React 路由器子路由将其重定向到带有参数的错误网址

如果使用react-router v6缺少正确的路径,我正在尝试创建重定向路径 这是我的路线 }> 如果使用react-router v6缺少正确的路径,我正在尝试创建重定向路径 这是我的路线 <Route path='/recipe/:id' element={<RecipePage />}> <Route index element={<Navigate to='/recipe/:id/ingredients' replace />}/> <Route path='/recipe/:id/ingredients' element={<Ingredients />} /> <Route path='/recipe/:id/instructions' element={<Instructions />} /> </Route> 如果网址中缺少单词 ingredients 或 instructions,我想重定向到正确的路径。 当网址为http://localhost:5173/recipe/5431/时的示例,我想将其重定向到http://localhost:5173/recipe/5431/ingredients 但是上面的代码不断重定向我http://localhost:5173/recipe/:id/ingredients而不是http://localhost:5173/recipe/5431/ingredients 我的代码有什么问题? 您不需要嵌套路由中的完整路径。考虑以下几点: <Route path='/recipe/:id' element={<RecipePage />}> <Route index element={<Navigate to='ingredients' replace />}/> <Route path='ingredients' element={<Ingredients />} /> <Route path='instructions' element={<Instructions />} /> </Route>

回答 1 投票 0

如何使用 React Router 显示完全独立的页面? [重复]

我正在使用 React 创建一个单页面前端项目,问题是我想创建一个应该单独渲染的类似页面的组件。 这个概念基本上是: 第1页:首页...

回答 1 投票 0

Okta 和 React-router 6 useBlocker 不兼容

我正在使用 okta 来保护我的网站,该网站使用 React Route v5。 现在,我想更新到 React Route v6 首先,我尝试了这个并收到错误:“useBlocker 必须在数据路由器内使用”...

回答 1 投票 0

React vite ssr 不让我使用路由(react-router-dom 的问题)

我正在使用react vite ssr,结构与示例项目相同,创建vite-react-ssr来制作landind页面,但是当我想实现像关于我们这样的路线时,o notfound there a l...

回答 1 投票 0

Vercel 的专用路由问题

我需要你的帮助。我的 React 应用程序中有一个 React Router Dom(6.10.0)。它在我的本地主机上运行良好,但是当我将其部署在 Vercel 上时,我无法访问私有路由,而非私有页面(Welco...

回答 1 投票 0

使用 React Router DOM 表单组件将“/?index”附加到地址栏中的基本 URL

我正在使用react和react-router-dom实现一个身份验证页面,其中我的登录页面是我主页的索引路由,我正在利用react-router-dom表单组件来处理提交...

回答 1 投票 0

react-router routerprovider 中未受保护和受保护的路由

我之前用这种方式使用反应路由器的旧方式构建了一个应用程序 应用程序.jsx 如果(验证){ 返回 } 返回 应用程序保护的路线 <...

回答 1 投票 0

表单提交中的 React Router 导航

导航不起作用,当我手动输入 URL 和链接时,React 路由器工作正常 常量导航 = useNavigate(); 函数handleForm() { console.log(&quo...

回答 1 投票 0

如何使用 React Router v6 创建子路由器?

这是我当前的 React Router 实现: const 路由器 = createBrowserRouter([ { 小路: ”/”, 元素: ( <...

回答 2 投票 0

浏览器路由器构建不将index.html作为npm run build中的react-router-dom的主页

我在运行 npm run build 时遇到了 React Router DOM 的问题。当尝试将主页设置为构建文件夹中的index.html 时,就会出现问题。尽管尝试了各种解决方案...

回答 1 投票 0

React-Router 6.23.0 - 如何在导航到 url 后隐藏子路径

我使用react-router 6.23.0的路线有以下代码 const 路由器 = createBrowserRouter([ { 路径:'/水果', 元素: , 错误元素:<

回答 1 投票 0

react router dom loader 延迟类型问题

我尝试通过在loader函数中使用defer来解决加载数据时的问题。 我不知道如何设置postResponse类型,这是实际的响应数据。 即使我尝试类型转换或

回答 1 投票 0

无法在react“dispatcher is null”中实现路由

这是我的App.js 从“./logo.svg”导入徽标; 导入'./App.css'; 从 './componentes/Header' 导入标头; 从 './componentes/FormularioLogin' 导入 FormularioLogin; 导入 { 创建浏览器...

回答 1 投票 0

子组件未使用 Outlet 渲染

我在显示子组件时遇到问题。 这是我在 App.js 中使用的代码 }> ...

回答 1 投票 0

React Js 和 Next Js 之间有什么关系

Next.js 与 React.js 相比如何简化路由和数据获取的过程 使用react-router-dom在react中创建路由。虽然仅仅在 Next js 中为路由创建文件夹就已经很麻烦了

回答 1 投票 0

如何在同一页面使用layout和provider?

我有一个提供程序,它向服务器发出请求以刷新令牌并具有一些值。我还有一个带有侧边栏的简单布局。我只想在一条路线中使用它们。我不知道在哪里添加layo...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.