95得票17回答
React-Router v6:获取当前路由的路径模式

是否有可能获取当前匹配路由的路径模式?例如: <Route path=":state/:city*" element={ <Page /> } /> // Page.jsx function Page() { .....

8得票1回答
React Router v6:在Loader函数中访问全局状态

我正在尝试使用react-router v6,但感觉在路由加载器方面缺少重要的概念。例如,在教程中提到了/contacts/:contactId路由的加载器,我知道可以轻松访问包含在URL中的任何状态,比如这种情况下的contactId。然而,除了路由参数之外,我还需要像userId这样的东西...

7得票2回答
刷新页面后无法加载 - react-router-dom

我有一个基本的React应用程序,其中包含以下页面:主页、个人资料、联系方式和经验。我已经为每个页面设置了路由,但是当我转到除主页之外的其他页面时,它会呈现,但是当我刷新页面时,页面无法加载。 我注意到如果在页面名称前添加#,例如http://localhost:1234/#/profile...

7得票4回答
React Router:什么是只使用<Outlet />而不使用上下文的目的?

据我现在了解的情况,如果我们通过 context 传递一个 Outlet,那么上下文后面的 props 可以传递到子组件中,Outlet 充当模板的作用,将这些 props 传递给路由器可能呈现的任何子组件。 我的问题是,如果我们只是设置没有 context 的 ,如果它不传递任何 prop...

14得票3回答
使用styled-components为react-router-dom Link设置样式时,传递props会收到警告

import styled from 'styled-components'; import {Link} from 'react-router-dom'; const LS = {}; LS.NavFixedItem_LINK = styled(Link)` display: fl...

8得票4回答
React-Router-Dom v6.0.2中的懒加载

如何使用这个语法创建延迟加载? const A = React.lazy(() =&gt; import("./A")); const B = React.lazy(() =&gt; import("./B")); function App() { return (&lt;Routes&g...

71得票7回答
Reactjs中简单条件路由

如何实现条件路由,即只有在某些条件满足时,才会进行路由。 例如,只有当用户输入正确的凭据时,登录才应该成功,并且用户应该能够看到欢迎页面。 如果直接访问某个URL,例如 localhost:8080/welcome,不应该导航到欢迎页面。欢迎页面应该只在登录后显示。 如何实现这一点,有人可以帮...

75得票6回答
ReactJS - 使用Redirect组件传递props

如何使用Redirect组件传递属性而不将其暴露在URL中? 类似这样&lt;Redirect to="/order?id=123" /&gt;吗?我正在使用react-router-dom。

24得票1回答
React-router-dom和Redirect未被添加到历史记录中?

概述: 我目前正在尝试学习react/redux/router。作为一个练手项目,我正在开发一个基础的联系人/客户管理应用程序。在使用react-router-dom的Redirect组件时,我无法按预期使后退/前进导航正常工作。 详细信息: 我有一个表格,其中包含位于/contacts...

12得票1回答
请将父级 <Route path="/"> 更改为 <Route path="*">。

我在React应用程序中得到了这个警告: You rendered descendant &lt;Routes (or called `useRoutes()`) at "/" (under &lt;Route path="/"&gt;) but the parent route path...