使用Reaction挂钩，用户如何根据管理员访问权限导航到受保护的路径
使用protected.route当用户登录时，我们如何让用户导航到Dashboard和ViewDetails这样的私有路径？如果他是管理员用户，则显示仪表板，否则显示查看详细信息屏幕。有人能在这方面给点建议吗。我已经添加了一个代码框链接以供参考 代码框链接 https://codesandbox.io/s/tender-cerf-kss82?file=/src/components/Lo
..
react-router-dom相关内容
检测url(在reactjs上)以隐藏页面上的元素
在我刚刚开始的一个项目中，当url改变时，我应该隐藏一个元素。我搜索了一下，但没有找到有用的东西。 我想在URL未搜索时隐藏边栏。 感谢任何愿意帮我一把的人。 import React from 'react'; import { Routes, Route } from "react-router-dom"; import 'bootstrap/dist/css/bootstrap
..
REACT-ROUTER-DOM渲染道具不返回任何组件
我在这里使用的是REACT-ROUTER-DOM版本6.0.2，而&Render"；道具不起作用，每次我到达路径标签路径中提到的url时，它都会向我抛出这个错误-"；匹配的叶路径在位置"；/addRecipe"；没有元素。这意味着它将在默认情况下呈现为空值的，导致"；空白"；页面。有人能帮我解决这个问题吗 import './App.css';
..
在Reaction路由器V6中渲染多个元素。
我需要这个问题的答案：Render multiple components in React Router但对于较新版本的Reaction-Router-Dom(我使用的是v6.0.2) 旧版本的路由器DOM的工作方式如下： 而新版本如下所示：
..
使用REACT-ROUTER-DOM v6.0.2检测用户离开页面
在导航到ReactJS Web应用程序中的其他路线或页面之前，我正在尝试显示未保存更改的对话框。我尝试了与Stackoverflow不同的解决方案，但没有成功。大多数解决方案都与旧版本有关。我需要版本6.0.2(REACTION-ROUTER-DOM)。任何能在这方面帮助我的人都非常感激。 推荐答案 如何解决我的问题？ 我没有降级，而是创建了两个自定义挂钩。 useCallbac
..
Reaction-Router-Dom中的Location.pathname和match.url有什么不同？
props.location.pathname和props.match.url有什么区别 在react-router-dom中？ 从他们的DOCS：https://reacttraining.com/react-router/web/api/location match.url (字符串)URL的匹配部分。用于生成嵌套的%s 地点 用于匹配子元素而不
..
正在使用项的ID恢复滚动位置
我想在从B页面(比如说，项目的详细信息)返回时恢复滚动位置A页面(项目列表)。我已经找到了解决方案here，但专家/评论员告诉我，最好通过react-routes实现它，因为当前的输出是使用sessionStorage完成的。 目前，我从A页面导航到B页面，路线如下： /channelId/items/itemId。当使用history.push(/)返回时，我会进入项目列表的顶部。 附言：我不
..
Reaction路由器DOM v6身份验证
我正在努力理解Reaction路由器身份验证，这是最困难的。我已经读过很多次(可怕的)documentation，我在网上关注了很多tutorials。没有一个办法奏效。Reaction提供的example是用打字稿写的，这使得它更难理解。请帮我弄清楚这一点。 它们(Reaction Dev教程)使用上下文和提供程序。但我似乎也不明白这一点。Imo与Reaction路由器的其余部分不同，它非
..
如何在Reaction路由器V6中重定向？
我正在尝试升级以响应路由器V6(react-router-dom 6.0.1)。 以下是我的更新代码： import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom'; }
..
Reactjs：路由器的渲染道具无法工作
我的项目没有收到任何错误，只是没有呈现任何内容。我错过了什么吗？ 在App.js中，我使用渲染道具进行数据传输。 import "./App.css"; import { BrowserRouter as Router, Route, Routes } from "react-router-dom"; import Auth from "./views/Auth"; function
..
此错误在REACTION-ROUTER-DOM中意味着什么？
当我从REACT-ROUTER-DOMerror screen shot导入交换机时 当我从反应路由器enter image description here 导入交换机时 我从https://v5.reactrouter.com/web/guides/quick-start复制了代码 推荐答案 开关是从"；Reaction-Router"；导出的，而不是从&quo
..
为什么我收到TypeError：无法读取未定义的REACT-ROUTER-DOM的属性'；PUSH'；
我只是检查一下我在Redux商店中是否有语言。如果有，我将把它保存在我的localStorage中，如果没有，我想导航到一个组件调用MultiLanguage。 我使用了下面的history方法，但它显示了一个错误。它显示了undefined的推送情况，此问题的解决方案是什么？ const history = useHistory(); const language = store.g
..
循环通过数组以创建路线
我有单独的routes.js： export const routes = [ {pathname: "/", exact: true, name: "Home Page", id: "home", component: Home}, {pathname: "/about", exact: true, name: "About Us", id: "about", compon
..
如何测试路由器对Jest的反应
我是使用JEST进行测试的新手，我想测试以下代码。 import React from "react"; import "./ButtonLogin.css"; import { Link } from 'react-router-dom'; function ButtonLogin() { return (
..
是否对历史记录更新Reaction上下文。推送('；/'；)
我使用带有useEffect钩子的Reaction上下文来设置包装整个应用程序的最外层组件中的变量。在我的应用程序内的一个子组件上，我使用history.push('/')路由回根目录。这不会触发对我的上下文变量的更新。这是意料之中的事吗？如果是，有没有更好的方法来更新我的上下文变量？ 我正在使用react 16.14.0&；react-router-dom 5.2.0。 例如，
..
Reaction JS路径未显示组件
当我在路由外调用组件时，它工作得很好，但在路由内它不工作。 App.js文件为： import './App.css'; import Login from './Components/Login/Login'; import { BrowserRouter as Router, Switch, Route, Redirect } from "react-router-dom"; im
..
如何使嵌套的Reaction路由器组件加载到新页面，而不是加载到页面的一半
我当前的情况是，我的App.js文件中有我的主要父路由/交换机，但在App.js文件中的某个路由中，我还有另一个组件，该组件也具有自己的路由/交换机设置，该组件调用名为的另一个组件 我设置的文件层次结构如下： App.js - has route/path to the component | |--->
..
当我更改路线时，如何防止Reaction组件重新渲染？
我有反应组件：allUsersList和userDetail。在第一个示例中，我获取所有用户并显示它们，通过单击每个用户，我更改了路线并转到第二个组件，但当我单击箭头返回浏览器时，第一个组件开始获取数据并再次重新呈现。您能告诉我如何防止它执行额外的重新渲染吗？ 这是所有用户组件： import React, {useEffect, useMemo} from 'react'; impo
..
历史推送更改了url，但不呈现组件
history.push("/dashboard")将url更改为/dashboard后，Dashboard组件为何未呈现？ Gif showcasing the issue，如您所见，我必须手动单击刷新按钮才能触发重新渲染。 index.js import ReactDOM from "react-dom"; import Router from "./Router"; c
..
错误：。/src/App.js尝试导入错误：'；开关'；未从'；REACT-ROUTER-DOM'；中导出
我需要使用Switch执行此操作，但上面给出了错误 我在上面发现了这个错误，然后我将交换机替换为路由，然后我在下面发现了这个错误。 App js import React from "react"; import './App.css'; import { Avatar, IconButton } from '@material-ui/core' im
..