React路由器无法读取未定义位置的属性。(react-router-dom版本5.2.0)
React路由器无法读取未定义位置的属性是因为在使用React Router时，访问了一个未定义的属性或方法。这可能是由于以下几个原因导致的：
- 组件未正确导入：请确保已正确导入所需的React Router组件。例如，使用
import { BrowserRouter, Route, Switch } from 'react-router-dom';导入所需的组件。 - 组件未正确包裹在路由器中：在使用React Router时，需要将组件包裹在路由器组件中。例如，使用
<BrowserRouter>或<HashRouter>将组件包裹起来。 - 组件未正确定义路由：请确保已正确定义路由。例如，使用
<Route>组件来定义路径和对应的组件。例如，<Route path="/example" component={ExampleComponent} />。 - 组件未正确访问路由属性：在组件中访问路由属性时，需要使用
withRouter高阶组件或useParams等钩子函数。例如，使用import { withRouter } from 'react-router-dom';导入withRouter，然后使用export default withRouter(ExampleComponent);将组件包裹起来。
如果以上步骤都已正确执行，但仍然出现该错误，请检查代码中是否有其他可能导致属性未定义的问题，例如未正确初始化状态或未正确传递属性。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云产品官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb-for-mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云安全中心：https://cloud.tencent.com/product/ssc
- 云音视频服务（VOD）：https://cloud.tencent.com/product/vod
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发平台（MPT）：https://cloud.tencent.com/product/mpt
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
react应用程序在我添加Resive路由器之前一直在工作，它显示了这个错误 React应用程序
function App() { <Router>
<
浏览 5提问于2021-10-07得票数 0
我一直在到处寻找，不明白为什么会发生这样的事情。我已经看到了所有不同的答案。这是我的App.js：import "./pages/Store";i
浏览 7提问于2021-02-18得票数 1
当我使用反应性路由器-dom 6的路由时，我会看到两个不同的错误：
C:/Users/FAMILIA/Desktop/packages/react-router/index.tsx:281 : TypeError:无法读取未定义的
浏览 9提问于2021-11-07得票数 1
我试着从react路由器-dom导入useHistory，但是它一直给我错误的‘’不包含一个名为“useHistory”的导出。react router的版本是4.3.1，我尝试过更新(万一有更新的版本)，但是每次我执行npm安装react路由器-dom时，它总是只安装4.3.1，它只更新了从4.3.1到5.2.0的路由器，所以我不知道为什么<e
浏览 3提问于2021-03-25得票数 3
回答已采纳
为了监视员工，我有一个项目，我有一个侧栏，这个边栏包含一个元素，当单击该元素时，它应该带我查看该元素的内容。为了让我了解元素的内容，我使用了"Switch"，但是它不接受它，这是我的一个错误：我怎样才能解决这个问题？
interf
浏览 4提问于2021-05-25得票数 2
回答已采纳
我想从这个反应路由器()的url中获取参数。import { Component } from "react"; </BrowserRouter> );}
export default A
浏览 0提问于2020-10-27得票数 1
2回答
我正在尝试使用reactJS中的路由(“react路由器”："^6.2.1“)访问其他类。当我点击时，我得到了这个错误。无法读取未定义的属性(读取“push”)
import React, { Component } from "react";
import { withRouter } from 'react-rout
浏览 4提问于2022-03-19得票数 0
在前端，我已经完成了向用户发送带有重置令牌的邮件的ForgotPassword请求。
在我的前端，我的路由器是这样设置的function App() {
<div className="App()的参数(令牌)，以便在获取请求中使用它，但到目前为止还不能。我的<
浏览 0提问于2020-05-29得票数 0
3回答
我尝试使用react路由器-dom 4.0.0库。但是它给我带来了这个错误
import 'babel-polyfill'
import React f
浏览 7提问于2017-04-01得票数 12
回答已采纳
1回答
我有从反应路由器的开关和路由的打字错误，我不知道他们为什么会出现。可能是因为库版本不兼容，但我没有找到有关它的信息。图书馆版本：
打字本: 4.5.5我更新了@types/react-dom
浏览 4提问于2022-02-26得票数 0
2回答
我不能在反应性路由器(特别是react-router-dom). )中使用“交换机”或“路由”。我使用的是react路由器-dom版本：如果我这样进口：这是版本中
浏览 15提问于2022-01-11得票数 5
它与文档中所述的完全相同。我认为反应性路由器-dom模块很好，因为在其他组件中，BrowserRouter、路由器和链接为我工作。import { useHistory } from "react-router-dom"
export default function HomeButtonTypeError:无法读取未定义的
浏览 0提问于2020-06-27得票数 13
2回答
我想改变我的标题颜色时，在我的联系页面。无法从反应性路由器获得位置。我得到"TypeError:无法读取未定义的属性的‘路径名’“。import './Header.css';
imp
浏览 0提问于2018-11-09得票数 0
回答已采纳
试图创建一个带有默认历史对象的普通路由器，但是它抛出了这个错误-
import history from '.import createHistory from 'history/createBrowserHistory'
我也尝试了中提到的解决方案，但是现在它根本没有呈现App，并且在控制台中得到了下面的错误
未定
浏览 7提问于2022-08-24得票数 1
回答已采纳
3回答
import React from 'react'import { Link } from 'react-router-dom
浏览 4提问于2022-02-27得票数 1
1回答
我使用react-router-dom版本6，当我使用onClick={history.push("/movies")时，它不起作用。电影Form.jsximport { useParams } from "react-router-dom"; > <&#x
浏览 3提问于2022-08-06得票数 1
回答已采纳
遇到这个反应路由器错误，我很困惑，因为我已经设置了这样的多个反应应用程序，从来没有任何问题。我运行国家预防机制更新，并仍然有问题。似乎其他人有这个问题，但这是与以前的版本。提前感谢您的帮助！index.js
ReactDOM.render(<App />, document.getElementB
浏览 1提问于2021-03-04得票数 1
回答已采纳
App.js:import { Router, Route } from 'react-router-dom';import { useLocation, useHistory } from 'react-router-dom';
let;
consol
浏览 5提问于2020-04-29得票数 8
15回答
未定义的TypeError:无法在新路由器上读取未定义的属性的“路径名”
var React = require('react');
var ReactDOM = require(React路由器2.0.0，但在我的桌面上我使用的是4.1.1。我试图寻找更改，但没有找到
浏览 0提问于2017-04-25得票数 62
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
