react-router-dom 相关问题

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

提交表单后调用 blocker.proceed() 来重定向不起作用 - useBlocker() 钩子

我正在使用具有四个阶段的步进器，需要阻止浏览器的后退按钮，该按钮功能正常。父组件 const CreateSpace = ({}) => { const 拦截器 = useBloc...

reactjs react-router-dom

回答 1 投票 0

react-router 停留在登录页面而不是仪表板路线

我的目标是创建受保护的路线。现在这有点管用，但我需要手动刷新页面，以便在登录后将我导航到仪表板。目前发生的一切是：我爱...

javascript reactjs react-router react-router-dom

回答 1 投票 0

TypeError：blocker.reset 不是函数 - useBlocker

我正在使用 useBlocker 挂钩来显示自定义模式，提醒用户有关未保存的更改。当用户尝试离开时，自定义弹出窗口会成功触发。提交表格后，...

javascript reactjs react-router-dom

回答 1 投票 0

TypeError：blocker.reset 不是一个函数 - useBlocker 来自 React router dom v6.24

我正在使用 useBlocker 挂钩来显示自定义模式，提醒用户有关未保存的更改。当用户尝试离开时，自定义弹出窗口会成功触发。提交表格后，...

javascript reactjs react-router-dom

回答 1 投票 0

受保护的路由不路由react-router-dom

我在我的react应用程序中使用react-router-dom进行路由。我现在想创建一个受保护的路由，这样只有登录后才能访问某些页面。但目前我仍然可以访问

javascript reactjs react-router react-router-dom

回答 1 投票 0

特定查询参数（“code”和“state”）导致路由失败

我在 React 应用程序中遇到了 React-router-dom 问题。我为 /selects 设置了一条路由，除非我同时包含代码和状态查询参数，否则它工作正常。例如这个

reactjs react-router react-router-dom

回答 1 投票 0

如何使用 React Router v6 将状态从父路由传递到子路由？

我正在尝试构建一个带有选项卡的页面。我希望每个选项卡都有自己的路线。 /项目/：id/a /项目/：id/b /项目/：id/c 我在组件中创建路由器。应用程序.tsx 导入 {

reactjs react-router react-router-dom

回答 1 投票 0

如何防止用户导航到另一个页面

我正在用 React、TypeScript 制作一个项目。当有未保存的更改时，我找不到如何阻止用户导航到另一个页面。为了更清楚地说明 - 我知道如何做其余的事情，我......

reactjs typescript react-router-dom

回答 1 投票 0

反应路线v6。如何防止用户导航到另一个页面

reactjs typescript react-router-dom

回答 1 投票 0

如何在React Router中创建带有参数的回家路径？

我构建了一个 Fontend 应用程序。我的主页需要一个 id 才能工作。我需要类似以下内容： const 路由器 = createBrowserRouter([ { 小路： ”/”，元素：布局首页，孩子们...

reactjs react-router-dom

回答 1 投票 0

没有路线与位置“/shop/hats”匹配

我正在开发一个 React 应用程序，该应用程序使用 React Router 进行路由，并使用 Redux 进行状态管理。我遇到一个问题，导航到 /shop/hats 会导致控制台错误：“No ro...

javascript reactjs redux react-router-dom

回答 1 投票 0

是否可以重定向排除基本名称？

我已经为我的路由器设置了一个基本名称，例如： const router = createBrowserRouter(routes, { basename: '/app' }); 然后在我的根加载器中我有这样的东西：导出异步函数() { 常量会话...

reactjs react-router react-router-dom

回答 1 投票 0

React-Native 未定义浏览器选项卡标题？ React-router-dom 导航

我们在使用react-native时遇到一个问题，当我们使用react-router-dom导航到另一个页面时，它会将您发送到正确的页面，但选项卡标题显示未定义。一旦你恢复...

javascript react-native react-navigation react-router-dom

回答 1 投票 0

在 v6 React Router 中测试页面时“无法读取未定义的属性（读取‘路径名’）”

使用测试组件时，例如在我对 React-router 路由中基于路由的测试的推荐方法的回答中，我经常使用以下模式来访问...

reactjs jestjs react-router react-router-dom react-testing-library

回答 4 投票 0

带导航的默认页面与带索引路由的默认页面

库版本：react-router-dom v6 我不太清楚使用元素实现默认路由与使用索引路由来实现相同目的之间的区别。 W...

react-router-dom

回答 1 投票 0

路由路径发生变化，但组件未按预期渲染

我已经使用 Material UI 抽屉和应用栏设置了基本的应用程序导航，并且抽屉中的所有列表项都正确更改了路线并使用 React Route 按预期显示相应的组件...

javascript reactjs react-router-dom vite

回答 1 投票 0

当用户未登录时显示私有路线的Toast

我试图显示一个 toast 来提醒尚未登录但尝试更改 URL 以访问其他页面的用户。我用的是sonner的吐司。从 'react' 导入 { useEffect } 进口{出口，

reactjs react-router-dom toast

回答 1 投票 0

useMatch 用于在react-router-dom 中测试多种模式

我有以下数组： const tabsList = [ { 路径模式：'用户/' 标签：“管理用户” }, { 路径模式：'用户/：id'，标签：“编辑用户个人资料” } ] 我需要一个方法...

reactjs typescript react-router react-router-dom

回答 2 投票 0

React应用程序中是否可以有多个BrowserRouter

我有一个场景，我想在现有的React应用程序中有2个不同的UI。 V1（版本 1）将具有不同的 UI，V2（版本 2）将具有不同的 UI。现有的实现就像下面一样...

javascript reactjs react-router-dom

回答 2 投票 0

通过路由器加载framer-motion页面时出现问题

我会在场景中解释我的问题我正在使用 Framer 运动和 React 来制作动画使用vite创建react后，我在src文件夹下创建了一个组件文件夹我创建了 Motion.jsx 文件 u...

reactjs react-router-dom framer-motion

回答 1 投票 0

react-router-dom 相关问题

最新问题