React Router - 一个完整的React路由库，灵感来自Ember的路由系统
我希望能够监听查询参数更改事件，最好通过钩子，但任何事情都很好。我找不到任何表明它甚至可以使用react-router的东西，所以其他
我正在使用保护我的路由，场景是在成功登录/仪表板后导航用户，问题是无论我成功登录多少次...
我没有得到所需的输出。我正在尝试编写一个小任务。任务是我想更改屏幕背景的颜色，文本和按钮，如上传的图像所示。Th...
我没有得到所需的输出。我正在尝试编写一个小任务。任务是我想更改屏幕背景、文本和按钮的颜色，如上传的图像所示。Th...
UseHistory 推送会更改 url，但不会更改网站 [重复]
我在V5中使用React router dom。 这是我的路由器： <
如何修改create-react-app以便自动为目录中的react组件创建路由？ 例如，我的 src 目录如下所示： ├── 应用程序.css ├── App.js ├── App.test.j...
您能否解释一下我如何使我的路线与 MUI 选项卡一起使用？ 由于我不这样编写代码，也不经常使用 MUI，所以我不明白如何使其工作。有什么想法吗？ 我记得...
react 路由器加载程序显示 localStorage 项为空
我有一个加载程序，每当用户打开我的页面时，它就会重定向到 /authroize 页面，这是我的加载程序的代码： 导出函数redirectLoader() { const data = localStorage.getItem("每...
我是 React 初学者，我只是想在我的网站上制作导航。所以我尝试使用 NavLink 作为导航链接，但这给我带来了这个错误： 无法解构“
在给定 id 值的 React Router 的子级之一中匹配嵌套路由
想象我有以下路线： 常量路由= [{ id：“1”， 路径：“动物”， 孩子们： [{ id：“1.1”， 路径：“鸟”， 孩子们： [{ ...
如何在React Router V6中使用<Route>保留查询参数？
我在路线上没有看到任何提及“搜索”参数 https://reactrouter.com/en/main/route/route 目前，至少对于我的项目来说，当匹配新路线并应用时，参数会丢失...
拒绝执行内联脚本，因为它违反了以下内容安全策略指令：刷新页面时出现“script-src 'self'”
我有一个 Node/React 应用程序，当我刷新生产版本中的页面时，对于除“/”之外的所有路由，都会出现此错误，并显示一个空白页面。 拒绝执行内联脚本，因为...
“无法加载资源：服务器响应状态为 404（未找到）”，但页面仍然加载
当我从导航菜单中按下仪表板按钮时，仪表板页面会加载，即使如此，它仍然在控制台中显示“404”。当我登录并按 Enter 键时，它会转到相同的网址，但...
如何使用 React Router 显示完全独立的页面？ [重复]
我正在使用 React 创建一个单页面前端项目，问题是我想创建一个应该单独渲染的类似页面的组件。 这个概念基本上是： 第1页：首页...
Okta 和 React-router 6 useBlocker 不兼容
我正在使用 okta 来保护我的网站，该网站使用 React Route v5。 现在，我想更新到 React Route v6 首先，我尝试了这个并收到错误：“useBlocker 必须在数据路由器内使用”...
{/* nav.js */} 사い트소개 {/* 信息.js */} 如果你点击 nav.js 上的标签，我想得到...
React vite ssr 不让我使用路由（react-router-dom 的问题）
我正在使用react vite ssr，结构与示例项目相同，创建vite-react-ssr来制作landind页面，但是当我想实现像关于我们这样的路线时，o notfound there a l...
这是受保护的路由代码： const ProtectedRoute = (props) => { const [isAuthenticated, setIsAuthenticated] = useState(false); 使用效果（（）=> { const checkAuth = async () =>...
在 Remix 中重定向页面加载的最佳方式是什么？我下面的代码是不是很糟糕或者没有必要调用？ 我网站上的基本路线始终以 /orderId 开头。我有一个标记为 &q...
React Router SSR：useLocation()只能在<Router>组件的上下文中使用
我遵循了本指南https://reactrouter.com/en/main/guides/ssr#without-a-data-router 我正在服务器渲染这样的应用程序 // ... 我遵循了本指南https://reactrouter.com/en/main/guides/ssr#without-a-data-router 我正在服务器渲染这样的应用程序 <StaticRouter location={req.url}> <Routes> // ... </Routes> </StaticRouter> 我的一条路线包含此代码 import React from 'react' import { useLocation } from 'react-router' export function SceneButton(props: SceneButtonProps) { const location = useLocation() // ... return <button>Scene</button> } 当我渲染应用程序时，出现此错误 useLocation() may be used only in the context of a <Router> component. 如何以浏览器端和服务器端都有效的方式获取此处的位置？ 另外，奇怪的是，React Router 文档真的希望我使用 Remix，但我的应用程序很大，我无力重写它。 如果您使用的是 StaticRouter 中的 react-router-dom/server import { StaticRouter } from "react-router-dom/server"; 然后我怀疑您还需要从同一个库导入 useLocation 钩子，例如react-router-dom 而不是较低级别的 react-router 库。 更新 SceneButton 以从 react-router-dom 导入： import React from 'react'; import { useLocation } from 'react-router-dom'; export function SceneButton(props: SceneButtonProps) { const location = useLocation(); // ... return <button>Scene</button>; }