我是 React 的新手,正在尝试做一些路由。我试图在 React 中实现路由以重定向到另一个页面,但每次我插入时,它都会显示错误:无效的钩子调用。这是来自 App.js 的代码 import React from 'react';import './App.css';import Nav from './Nav';import EKGSim from './EKGSim';import {
2022-01-05
我是 React、React Router (v4) 和 Redux 的新手。我尝试通过访问ownProps.match.params.id从mapStateToProps(state, ownProps)访问 URL 参数,但params数组始终为空。我已使用调试器检查 ownProps,并且应传递的id参数不在ownProps的任何地方。这是我的路线的片段: <Switch><Route
2017-08-29
我已经使用react-router-dom很长一段时间了,但从来没有遇到过这个问题,当我在"/"根地址时,导航栏图像一切正常,但是当我路由到/student/view/:id时,导航栏图像没有加载!这是代码!!主文件代码:<Router><div className="App"><Navbar /><Switch><Route exact path="/" component={StudentCa
2021-01-10
我在我的项目中使用 React。我也在使用 react-router-dom 库。但是,我对通过 react-router-dom 传递数据感到困惑。这是父组件的代码:class Parent extends Component {constructor(props) {super(props);this.state = {Path: {pathname: "/child/id/1",state:
2018-10-23
当用户右键单击链接并选择在新选项卡中打开链接时,我无法发送数据,但当用户左键单击链接时,工作正常。<Link to={{pathname: '/student/edit',state:{userId:rowData.id}}}>Edit</Link>/student/edit 是我的路线中定义的路径<Route exact path="/student/edit" component={Stude
2019-03-26
在我的 React 应用中,我使用的是 react-router-dom。在App.js中,我设置了路由。那里有三个组件:/home、/customerinfo和/success。在 home 组件中我有一个按钮。我想要的是,当我按下按钮时,customerinfo组件将加载到整个页面中,并且我希望customerinfo组件中显示home组件的状态。我的Route如下所示:<Routepath=
2019-08-16
我制作了一个快速的 CodeSandBox 示例。我的登录页面上有一个“我们的课程”部分,其中包含“阅读更多”按钮。单击“阅读更多”按钮后,根据课程的不同,它会呈现该信息。现在我让按钮工作了,但现在我卡住了,无法弄清楚如何将相关信息传递到重定向页面。现在假设我想将课程“标题”和“说明”传递到重定向页面。我该怎么做?CodeSandBox 链接在这里 -链接在这里
2020-04-14
我需要使用 react-router 将一个值从一个页面传递到另一个页面。我曾尝试过这种方式:<li><AclassName="btn btn-link btn-sm"href={{ pathname: Routes.detail_page, search: `?_id=${C.Code}`, state: this.props.current }}>{ 'Open' }</A></li>我会将
2020-06-25
我有一个基于react-router-dom的应用程序,目前有两个屏幕:一个用于初始设置,另一个需要第一个屏幕的一些信息。该信息存储在主页代码中的常量中,我想知道是否有方法可以在它们之间共享变量,或者以某种方式将它们传递给第二个。下面的代码和树提供了我如何设置它的基本概述。结构: App|Routes|BrowserRouter___________
2020-07-07
在 v4 中,您可以执行 history.push('/whatever', { data })然后绑定到该路由的组件可以通过引用 history.location.state 来读取数据对象现在,在 v6 中,该操作已更改为 navigation('whatever')您如何像以前一样传递数据?
2021-10-25
我遇到了一个问题,我想将一个页面上传递的信息发送到另一个页面,我说的这个其他页面就像一个单页。我已经尝试使用 props、params 将此页面的参数传递给另一个页面,但没有成功。我相信这很简单,但它让我没有解决方案Homepage.jsximport React, {useEffect, useState} from 'react';import * as Styled from './styl
2022-05-17
我必须根据浏览历史记录实现一些业务逻辑。我想要做的是这样的:reactRouter.onUrlChange(url => {this.history.push(url);});当 URL 更新时,有没有办法从 react-router 接收回调?
我使用FlatList在Component屏幕中并排显示Image和Text。我想单击任意行并打开一个新的 Component 类 [FoodItems] 并传递一个简单的字符串。它说,“无法读取未定义的属性(读取‘navigate’)”。我已安装所有必需的软件包。npm install react-navigationnpm install @react-navigation/native我不知
我正在使用 React 和 amplify 构建一个应用程序。身份验证和授权工作正常。但它需要限制用户在登录应用程序之前移动到某些特定的 React 路由。以下代码片段是我尝试过的,如果isAuthenticated()返回 false,它就会起作用。但由于我使用 Amplify,所以我使用了一个方法const PrivateRoute = ({ component: Component, ...
2019-12-11