我想编辑页面的 URL 而不更改为另一个。 像这样的东西： 相同的主机，不同的 URL，相同的页面。 我认为在 react-router-dom 中有一个函数，但我不记得该函数被称为什么，我寻找它但我没有找到它 ...
使用MemoryRouter时，我试图从历史对象访问属性index ，但它会生成 Typescript 错误，因为index属性不在history对象的类型定义中。 这是错误： 但是当我 console.log 历史对象时index属性就在那里。 这是历史状态的示例： 我知道可以为useHi ...
我正在使用 react-router 5 构建一个 react 应用程序，这里是附件中的屏幕流程。 我很困惑按照用户界面实现路线。 基本上，该应用程序有 4 个屏幕，从登录开始，进入学生列表（项目列表）、学生信息（有限的特定学生信息）和学生信息（详细的特定学生信息） 屏幕流程： ...
我正在尝试根据路由设置以下 UI /things/ - 显示项目列表（组件 A） /things/new - 显示项目列表，带有模态表单覆盖（组件 A 和组件 B） /things/:slug - 显示特定项目（组件 C） 使用此设置： /things/将显示组件 A ...
我正在我的应用程序中实现安全性和用户管理，并遇到了反应路由器、上下文、localStorage 的问题。 使用路由器，我创建了一条私有路由，并检查用户 ID 是否存在于 Context 或 localStorage 上，如果用户 ID 不存在，则我将用户重定向到登录页面。 这很好用，但是如果我刷新 ...
我正在制作一个简单的聊天应用程序。 用户提交带有名称和房间的表单，并使用用户名发送到房间。 问题是，我无法弄清楚如何通过链接传递用户名。 这是相关代码： 我使用简单的 useState-hooks 从输入中设置房间和用户名。 根据我的阅读，这种做法已被弃用，我找不到 react-router-dom ...
我想将我的应用分成 2 个不同的部分。 考试列表应链接到学生列表。 /单击链接 [to Students] 不会呈现学生组件，但如果我刷新浏览器，学生组件将正确呈现。 /students点击链接 [to Exams] 工作正常。 ...
我们正在 url 中添加版本，以使我们的应用程序向后兼容。 我们有一个 url 版本： {mysite}.com/v1/author/id 可能在应用程序的下一个版本中，我们可能会使用这样的东西 - {mysite}.com/v2/contributors/author/id 为了在新应用中支持旧 ...
根据我的要求，当用户点击 <Link to="/products/shoe#product9">Go to projects and focus id 9</Link>我想向他展示产品。（你好页面）为此我这样做： 从“反应”导入反应； 从“react-router-dom”导 ...
我正在构建一个应用程序并遇到我无法解决的问题 - 我正在从后端获取数据并将其列在组件中。 组件有 select 下拉列表来过滤列表。 单击项目，我使用 History 呈现项目详细信息组件并使用 state 传递参数，就像这样 - 问题是当我 go 到项目详细信息页面时，我的项目列表组件被卸载。 所 ...
具体发生在react-router-dom v5.2.0我有一个项目列表，所有这些都需要自己的页面，并且在那个动态路由中，我想要一些嵌套路由。 可以这样想： myapp.com/:item（主项目页面） myapp.com/:item/about（关于项目页面） myapp.c ...
我有一个组件ViewRestaurant.js ，它是 React-Router（使用 5.2）的一部分。 我正在尝试访问动态 URL 参数（ /view-restaurant/:id ，id） 来自App.js （主要数据加载器）的片段： 这就是我尝试放置来自Main.js的Link片段的方 ...
解决了下面的答案我正在构建一个 web 应用程序，它对 codesandbox 有反应。 我有 2 个导航组件，都是功能组件，一个是 header，另一个在页脚中。 我正在使用一个开关来显示 header 和页脚之间的不同页面。 导航更改为 URL，开关会显示正确的页面，唯一的问题是更改不会更新浏 ...
我正在尝试将我的身份验证路由与应用内容路由分开： 应用程序.jsx： PrivateRouteWrapper.jsx： PrivateRoute.jsx： 登录、注册和 page1 路由之间的路由工作正常。 但是当我尝试转到第 2 页时，页面变为空白。 我做错了什么？ ...
我有一个由 Laravel 提供服务的 react SPA。我希望 SPA 能够访问一些也由 Laravel 提供服务的页面。 更新： 举个例子……在我基于 coreui-react 的应用程序中……我想允许用户打开使用 vuepress 构建的用户手册。 我希望能够在一个全新的页面中打开它，而 ...
该项目使用 redux 集成，初始路由如下所示： 我根据评论添加了以下内容，并从其他来源进行了一些修改： 路线为： 并将子路由移至 App 它似乎不起作用。 它一直持续到回调页面，并且 go 没有到达“身份验证”路由或应用程序，但命中“未找到”路由。 有人可以指导我如何解决这个问题吗？ 提前致谢 ...
我有像“/works/:type/:id”这样的路线。 不应严格匹配所有“/works/whatever/whatever”路径，因为最后两个路径是动态值。 但这种情况并非如此。 我也在尝试使用 isActive 强制执行，但也没有运气。 一旦 ON always ON 行为开始，因为没有重新加载发 ...
到目前为止，我一直在使用链接组件时手动替换 url 参数的名称，例如： 反应路由器是否支持将参数作为道具传递to object 或类似的东西？ 我正在寻找类似于以下内容的内容： 我一直在浏览打字和文档，但真的找不到任何东西。 ...
在尝试在反应路由器 dom v5 中创建嵌套路由时，我发现这个答案解释了如何很好地做到这一点 （请看这里的代码，因为它与上面提到的答案有点不同） 布局.js 授权布局 应用布局 但这有一个问题，如果你 go 到带有/app/somethingnotfound的路由，它不会 go 到<Route ...
使用 React 功能组件和 Typescript，使用 useHistory hook 与 RouteComponentProps （react router v5.1）会有什么区别吗？ 使用 RouteComponentProps 的示例： 使用 useHistory 的示例： ...