大家好，我遇到了这个问题，不知道该如何解决尝试了所有方法来解决它这是因为最新的路由器库版本吗只需向您显示代码补丁即可import "./App.css";import Form from "./Form";import {BrowserRouter as Router,Routes,Route,useNavigate,} from "react-router-dom";import { useEf
2022-01-11
我正在使用 react-router-dom v6，并且从location对象访问from值，它给出了pathname，但是在执行navigate(from,{replace:true})时它不起作用。const navigate = useNavigate();const { state } = useLocation();const from = state ? state.from.path
2022-01-27
嗨，我试图使用 useNavigate 将一个值传递给另一个页面，当按下按钮（按钮 B）时，它会调用该函数，该函数包含我从 useNavigate() 钩子中获得的导航函数，然后我使用 useLocation() 钩子来获取该值。对我来说很奇怪，console.log(score)打印出正确的分数值，但导航函数无法传递该值，它只是在另一端显示 null。我想问为什么会这样？以下是我的代码。cons
2022-03-23
App.jsimport CreatePopBox from "./popbox";import createGuestPage from "./guestPage";import {BrowserRouter , Route} from "react-router-dom";import {Routes} from "react-router"function App() {return (<>
2022-06-14
我正在使用 useNavigate 在组件之间传递数据。import { useNavigate } from "react-router-dom";function Categories() {const navigate = useNavigate();..onClick={() => navigate("/books", {state:{ name: categorie.name }})}然
2022-06-21
我尝试在输入正确的凭据后重定向用户，但我的前端却出现了这个错误“未捕获（在承诺中）TypeError：导航器未定义”。我真的找不到任何解决方案，所以我希望在这里得到一些帮助。这是我的代码中引发错误的部分：它仅在正确输入的情况下发生（意味着在数据库内找到输入数据），因此当调用redirect时。import { useParams, useNavigate, Route } from "react-
2022-11-30
我的问题是，我的 App.js 项目有两个不同的组件。这是一个电影数据库，我在首页上有一个电影列表，我可以使用搜索栏搜索其他电影。由于我有 search.js 和 movie.js（我获取 api 数据并显示的组件），search.js 不会触发，因为它无法确定需要更改的内容。基本上我的问题是提交时没有任何变化。search.js 代码：import { useState } from 'reac
2021-07-19
我设置了一条路由来渲染一个组件：<Route exact path="/page/:id" location={this.props.location} key={this.props.location.key} render={({ location }) => (<PageStart key={this.props.location.key} />)} />然后在该组件 (PageStart)
2017-09-13
以下是路线。我试图获取像 /fetchdata/someid 这样的参数，我尝试了this.props.match.params.id，这是它所说的：property 'id' does not exist on type '{}'import * as React from 'react';import { BrowserRouter, Route, Switch } from 'react-r
2018-04-26
我是 React 的新手。我只需要在页面加载时从 URL 获取路径参数。我的 URL 如下。http://localhost:3000/explorer/test/111我已设置了如下路由，<Routeexact path="/explorer/test/:id"component={() => <BlockPage />}/>然后在<BlockPage />组件中，我需要在组件加载时获取:id的
2018-08-10
我遇到了一个问题，我以正确的方式传递了props（在我看来），但仍然出现错误：我的 App.js 中有以下几行代码这行代码可以运行： <Route path="/users/:username"render={(props) => <Profile isAuthenticated={this.state.isAuthenticated} currentUser={this.s
2018-12-18
每当我在控制台中记录props.match.params时，我都会收到错误：TypeError：无法在 App 中读取未定义的属性“params”。我不确定这是否相关，但即使我 console.log(props)，我也会得到四个空数组。以下是所有相关代码：Home.jsimport React from "react";import App from "./App";import { rende
2021-01-27
所以我收到一条错误消息 - TypeError：无法读取未定义的属性（读取“params”）TypeError: Cannot read properties of undefined (reading 'params')5 | import products from '../products'6 |7 | function ProductScreen({ match }) {8 | c
2021-12-09
我对 JavaScript 和 React 还很陌生，只是跟着一些 YouTube 教程学了学。我无法从网址"/room/:roomCode"获取"roomCode"。Homepage.js<Route path={"/room/:roomCode"} element={<Room />} />Room.jsimport React, {Component} from "react";export
2022-01-20
我首先使用以下内容开始此工作，其中“HomePage.js”是唯一的智能组件：import React, { Component } from 'react'import { connect } from 'react-redux'import { bindActionCreators } from 'redux'import actions from '../redux/actions'impo
2016-06-24