react-router相关内容
您能帮我理解一下为什么活跃的风格总是活跃的吗?我有&reaction-route-dom";:^6.1.1";。我尝试了不同的方法来应用此样式,就像Reaction路由器文档中所写的那样,但我仍然找不到错误的原因。 import { NavLink } from "react-router-dom"; import s from "../Sidebar/Sidebar.mod
..
如何使用Reaction路由器DOM v6滚动到路由更改的顶部? 我已经尝试过react-router scroll to top on every transition,这是我的解决方案,当我使用react-router-domv5时,当我使用react-router-domv5时,这是我的页面在路由更改时滚动到顶部的解决方案。现在,我使用的是react-router-domv6,此解决方
..
这是代码屏幕截图。 我要呈现主页组件,但我要将其包装到这些MainLayout组件中。 问题是屏幕是空白的,终端中没有错误,但是当我检查页面时,它显示位置";/";的";匹配叶路由没有元素";,所以各位我知道这是版本更新语法问题,因为我在编写component= {component }时也遇到了同样的问题,但是语法已更改,我应该编写element={
..
我想不通为什么不管用。我已经卸载了action-route-dom软件包,并重新安装了它,但总是出现相同的错误。 我收到的错误:./src/App.js 尝试导入错误:‘switch’未从‘act-route-dom’中导出。 这是我的代码。 我希望有人能帮我一把, 提前感谢 import './App.css'; import { BrowserRouter as Router,
..
using this to pass props over Watch page but can't get any value. 我的反应是新的,所以可能有愚蠢的错误,或者可能没有足够的信息。有关任何额外信息,请让我知道 推荐答案 如果您使用的是react-router-domv5,
..
在Windows上npm run start工作正常,但是M1上的npm run start显示错误。 您为什么要这样做? Failed to compile ./node_modules/react-router-config/esm/react-router-config.js Attempted import error: 'Switch' is not exported from
..
REACTION-ROUTER-DOM的版本是V6,我在使用导航将值传递给另一个组件时遇到问题。 我希望将所选行传递到另一个名为Report的页面。但是,我不确定我是否为navigate方法使用了正确的语法,并且我不知道如何在报表组件中获取该状态。 物料-界面表:我正在尝试使用onClick参数中的redirectToReport(rowData)。 function Table
..
如何使用act-route-dom创建受保护的路由,并将响应存储在本地存储中,以便用户下次尝试打开时可以再次查看其详细信息。登录后,他们应重定向到仪表板页面。 所有功能都添加到ContextApi中。 Codesandbox链接:Code 我尝试了,但没有成功 路由页 import React, { useContext } from "react"; import { g
..
我的反应相对较新,我想知道这里的标准是什么。 假设我有一个这样的反应路由器:
..
我当前的代码是这样的,我试图使用act-route-dom添加返回到上一页的这个按钮,但是我得到一个错误,说‘useNavigate()只能在组件的上下文中使用。’我网站上的所有组件也会消失。 function App() { const navigate = useNavigate(); return (
..
我正在尝试使用Reaction和Spring Boot实现Oauh登录,我找到了一个可以遵循的教程。 我遇到的问题是它使用的是Reaction Router v4,我希望将其更新为使用Reaction Router v6并改用功能组件。 Login.js import React, { Component } from 'react'; import './Login.css';
..
我在应用程序上工作,其中我有不同的多角色(管理员、用户、经理),我想保护管理员的路由不受经理和一般用户的影响,并根据用户角色呈现UI。我试过了,但我失败了,有没有人能帮我实现我的目标。 示例将不胜感激 谢谢 推荐答案 请注意,这不是最佳解决方案,仅供您参考。 创建文件RoleBasedRouting.jsx function RoleBasedRouting({
..
下面是我正在使用的包版本。 React version - 16.13.1 react-router-dom version - 6.0.0-beta.0 react-redux version 7.2.0 Material UI version 4.11.0 当用户尝试离开当前页面时,检查表单isDirty(已更改)的最佳方式/方式是什么?如果表单isDirty。您确定要离开吗?isD
..
我正在尝试编写 Authentication 检查我的 DashBoard.但是函数本身没有被调用.谁能给我一些解决方案?我正在使用 ReactJs 进行开发. 这是路线部分:
..
..
..
我需要使用路由器将道具传递给组件.这是我的代码: import React, { Component, PropTypes } from 'react';从'react-redux'导入{连接};从 './appbar/AppBarTop' 导入 AppBarTop;从'../pages/login/Login'导入登录;从'react-router-dom'导入{BrowserRouter a
..
我是 React Router 的新手,我了解到重定向页面的方法有很多: 使用 browserHistory.push("/path") import { browserHistory } from 'react-router';//做一点事...browserHistory.push("/path"); 使用 this.context.router.push("/path") cla
..
我无法更改视图以响应路由.我只想显示用户列表,单击每个用户应该导航到详细信息页面.这是路由器: 从“react"导入反应;从“react-dom"导入 ReactDOM;从 'react-router-dom' 导入 { BrowserRouter };从“./components/Users"导入用户;从“react-router"导入{路由器,路由};从“./components/Detai
..
我正在使用 react-router 开发一个反应应用程序.我有一个项目页面,其 url 如下: myapplication.com/project/unique-project-id 当项目组件加载时,我从 componentDidMount 事件触发对该项目的数据请求.我现在遇到了一个问题,如果我直接在两个项目之间切换,那么只有 id 会像这样改变...... myapplication
..