react-router-dom 相关问题

使用react-router v6我需要一个导航栏永久存在，但无法在我的索引页面上同时显示<App/>和<Home/>，如何修复？

我正在用React重建我的个人网站，并决定使用最新版本的react-router-dom，我正在构建我的应用程序组件来包含导航栏，然后在我想要的内容下面

当我重新加载页面时，useLocation 挂钩有错误

我使用useLocation从url获取数据，第一次工作正常。但是当我重新加载页面时，位置的字符串搜索将包含编码字符串。 这是 useLocation 钩子的作用吗？ 第一次加载 一个...

react router dom v6 在 RouterProvider 中包含一个组件

我目前正在使用react-router-dom v6，但在路由器组件中包含必要的组件时遇到了麻烦，因为我没有使用BrowserRouter，而是将RouterProvider与createBrowser一起使用...

React.js 中使用 useParams 的未定义参数

我遇到了一个问题，尽管在我的 React 应用程序中配置了路由并正确使用了 useParams() ，但参数 language、from 和 to 都记录为未定义。设置我...

当 vite build 在生产环境中反应时，无法分配给对象“#<Object>”的只读属性“_status”

我尝试通过vite构建React PWA。在开发中一切正常，但在生产模式上显示标题错误。 我猜是不是react、react-router-dom、vite的版本不兼容...

无法使用路由器重定向到不同页面以在单击按钮时做出反应

我试图通过单击其中一个卡片组件上的按钮重定向到不同的页面。单击浏览器中的按钮后，ulr 会发生变化，但我不会被重定向。 这就是阿普...

运行 Vite 和 React-route-dom 的 Webstie 无法从正确的 URL 加载资源

我有一个使用react-router-dom运行的vite应用程序。我有一个问题，如果我导航到一个页面，它一切都会加载正常，但是如果我将网址复制并粘贴到另一个窗口中，它无法加载一些资源...

如何使一个组件既是 BrowserRouter 的子组件又是 React Router v6 中所有路由的父组件（函数语法）？

在React Router v6中，您可以使用组件来定义路由器，如下所示： 导出默认 () => ( ... 在 React Router v6 中，您可以使用组件来定义路由器，如下所示： export default () => ( <BrowserRouter> <MyProvider> <Routes> ... </Routes> </MyProvider> </BrowserRouter> ); 其中 MyProvider 组件能够包装所有路由，同时也是 BrowserRouter 组件的子组件（因此它能够使用像 useNavigate() 这样的 React Router 钩子）。 但是如何使用函数语法复制它，即 const router = createBrowserRouter([ ... ]); export default () => ( <RouterProvider router={router} /> ); 创建一个渲染提供程序组件的布局路由，并将 Outlet 作为其子组件，并且它包装的所有嵌套路由都将渲染到它提供的上下文下的插座中。 示例： const MyProviderLayout = () => ( <MyProvider> <Outlet /> </MyProvider> ); const router = createBrowserRouter([ ... { element={<MyProviderLayout />} children: [ ... routes that access the `MyProvider` context ... ], }, ... other routes ... ]); export default () => ( <RouterProvider router={router} /> );

React Router V6 设置

我正在使用 React.js 开发一个小型电子商务应用程序。 在设置路由器 v6 应用程序时，没有任何渲染。即使在 App.js 或 Index.js 中配置路由器也应该有错误。她...

React Router <Navigate>执行不需要的导航

如果用户输入 /movies 路径，浏览器应重定向到 /movies/trending （这是有效的），我这里有这段代码。但是如果用户输入 /movies/popular，用户应该看到 MoviesPopular，但它

嵌套路由不起作用（React Router v6）

在互联网上浏览了一段时间后，我无法弄清楚为什么我的嵌套路由不起作用。 索引.js 12 13 ...

React router v6 中的replace: true 不会替换历史记录中的最后一个条目

以下代码不会替换历史堆栈中的最后一项： // 在某个组件内部 常量导航 = useNavigate() // 在钩子或点击处理程序内 导航（'/someroute'，{替换：...

如何使用 React Router 创建响应式主细节应用程序？

我在Github上为我的问题准备了一个简单的测试用例： 在 RouterLayout.jsx 中，媒体查询使 Outlet 在狭窄的屏幕上消失，正如您在动画屏幕截图中看到的那样，我在其中绘制了...

React 路由器加载程序行为

我目前正在深入研究React Router，并且我已经设置了我的路由结构，如下所示： const 路由器 = createBrowserRouter([ { 小路： ”/”， 加载器：rootLayoutLoder，...

为什么在react router dom中调用useActionData()时不是对象解构？

当我调用 useActionData() 时，我没有得到任何对象销毁。当我打印到控制台时，我得到名称：“isakGo”。代码看起来像这样 导出异步函数操作({request}) { 常量形式Da...

React 多端点获取数据并渲染结果

我正在做一个React.js项目。我正在从具有不同端点的 API 获取数据。我有一个组件，我通过其父级的 props 从该 API 的端点传递数据。另外，在那个com上...

无法在React Router DOM中使用redirect()进行重定向

我的主机组件中有一个 loader 道具，如下所示 } loader={async () => 等待 requireAuth()}> 首先，加载程序将加载，然后...

语法错误：不提供名为“useHistory”的导出

我尝试使用 useHistory hook 来保护 ReactJs Vite 应用程序中的路由，但收到错误： 未捕获的语法错误：请求的模块 '/node_modules/.vite/deps/react-router-dom.js?v=

我想将antd布局应用到所有组件

从“react”导入React； 导入“./App.css”； 从“react-router-dom”导入 { BrowserRouter as Router, Routes, Route, Link }; 从“./CreateE...

React 购物车原型：添加结帐链接时出错

我是新来反应的，我正在尝试构建购物车原型。 当我通过单击“添加”按钮将商品添加到购物车时。它应该显示结账图标 。 当我单击该图标时，它应该显示所有