react-router相关内容

Reaction-Router v.6中的isActive样式

您能帮我理解一下为什么活跃的风格总是活跃的吗?我有&reaction-route-dom";:^6.1.1";。我尝试了不同的方法来应用此样式,就像Reaction路由器文档中所写的那样,但我仍然找不到错误的原因。 import { NavLink } from "react-router-dom"; import s from "../Sidebar/Sidebar.mod ..
发布时间:2022-02-22 16:39:00 其他开发

如何使用REACT路由器DOM v6滚动到路由更改的顶部?

如何使用Reaction路由器DOM v6滚动到路由更改的顶部? 我已经尝试过react-router scroll to top on every transition,这是我的解决方案,当我使用react-router-domv5时,当我使用react-router-domv5时,这是我的页面在路由更改时滚动到顶部的解决方案。现在,我使用的是react-router-domv6,此解决方 ..
发布时间:2022-02-22 16:36:39 前端开发

反应路线渲染空白页

这是代码屏幕截图。 我要呈现主页组件,但我要将其包装到这些MainLayout组件中。 问题是屏幕是空白的,终端中没有错误,但是当我检查页面时,它显示位置";/";的";匹配叶路由没有元素";,所以各位我知道这是版本更新语法问题,因为我在编写component= {component }时也遇到了同样的问题,但是语法已更改,我应该编写element={ ..
发布时间:2022-02-22 16:34:32 其他开发

。/src/App.js尝试导入错误:';开关';未从';REACT-ROUTER-DOM';中导出

我想不通为什么不管用。我已经卸载了action-route-dom软件包,并重新安装了它,但总是出现相同的错误。 我收到的错误:./src/App.js 尝试导入错误:‘switch’未从‘act-route-dom’中导出。 这是我的代码。 我希望有人能帮我一把, 提前感谢 import './App.css'; import { BrowserRouter as Router, ..
发布时间:2022-02-22 16:31:51 其他开发

act-route-dom v6使用Navigate将值传递给另一个组件

REACTION-ROUTER-DOM的版本是V6,我在使用导航将值传递给另一个组件时遇到问题。 我希望将所选行传递到另一个名为Report的页面。但是,我不确定我是否为navigate方法使用了正确的语法,并且我不知道如何在报表组件中获取该状态。 物料-界面表:我正在尝试使用onClick参数中的redirectToReport(rowData)。 function Table ..
发布时间:2022-02-22 16:26:05 其他开发

如何创建受保护的路由?

如何使用act-route-dom创建受保护的路由,并将响应存储在本地存储中,以便用户下次尝试打开时可以再次查看其详细信息。登录后,他们应重定向到仪表板页面。 所有功能都添加到ContextApi中。 Codesandbox链接:Code 我尝试了,但没有成功 路由页 import React, { useContext } from "react"; import { g ..
发布时间:2022-02-22 16:23:25 其他开发

如何在Reaction中实现基于多角色的授权

我在应用程序上工作,其中我有不同的多角色(管理员、用户、经理),我想保护管理员的路由不受经理和一般用户的影响,并根据用户角色呈现UI。我试过了,但我失败了,有没有人能帮我实现我的目标。 示例将不胜感激 谢谢 推荐答案 请注意,这不是最佳解决方案,仅供您参考。 创建文件RoleBasedRouting.jsx function RoleBasedRouting({ ..

React路由器更改url但不查看

我无法更改视图以响应路由.我只想显示用户列表,单击每个用户应该导航到详细信息页面.这是路由器: 从“react"导入反应;从“react-dom"导入 ReactDOM;从 'react-router-dom' 导入 { BrowserRouter };从“./components/Users"导入用户;从“react-router"导入{路由器,路由};从“./components/Detai ..
发布时间:2022-01-31 12:10:13 其他开发

路由参数更改时组件不会重新挂载

我正在使用 react-router 开发一个反应应用程序.我有一个项目页面,其 url 如下: myapplication.com/project/unique-project-id 当项目组件加载时,我从 componentDidMount 事件触发对该项目的数据请求.我现在遇到了一个问题,如果我直接在两个项目之间切换,那么只有 id 会像这样改变...... myapplication ..
发布时间:2022-01-31 12:09:19 其他开发