withRouter‘未从'react-router-dom’中导出
withRouter是一个高阶组件（Higher-Order Component，HOC），它是由'react-router-dom'库提供的。它的作用是将React组件包裹起来，并为组件提供路由相关的属性和方法。
具体来说，withRouter函数接受一个React组件作为参数，并返回一个新的增强后的组件。这个增强后的组件可以访问到路由相关的属性，例如history、location和match等。通过这些属性，我们可以在组件中获取当前的路由信息，进行相应的操作。
使用withRouter的主要场景是在没有直接访问路由属性的组件中，需要获取或操作路由信息。例如，在一个嵌套在路由器（Router）之外的组件中，我们无法直接通过props获取路由属性。这时，可以使用withRouter将该组件包裹起来，使其能够访问到路由属性。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供弹性计算能力，满足各种业务需求。详情请参考：云服务器产品介绍
- 云数据库MySQL版（CDB）：提供稳定可靠的MySQL数据库服务，支持高可用、备份恢复等功能。详情请参考：云数据库MySQL版产品介绍
- 人工智能平台（AI Lab）：提供丰富的人工智能开发工具和服务，包括图像识别、语音识别、自然语言处理等。详情请参考：人工智能平台产品介绍
- 云存储（COS）：提供可扩展的对象存储服务，适用于海量数据存储和访问。详情请参考：云存储产品介绍
- 区块链服务（Tencent Blockchain）：提供可信、高效、安全的区块链解决方案，支持多种应用场景。详情请参考：区块链服务产品介绍
相关·内容
在npm i --save react-router-dom和npm install --save with-router之后，我尝试编写但是我得到这个错误尝试导入错误：'withRouter‘没有从'react-router’中导出。'@material-ui/core/LinearProgress';
import Typography from '
浏览 109提问于2021-03-04得票数 5
3回答
登录后重定向到配置文件
、、、、
React代码： import React, { Component } from 'react';import {Redirect} from "react-router-dom
浏览 22提问于2020-04-18得票数 0
回答已采纳
1回答
当从URL转到地址时，它可以工作，但不能在单击按钮时工作import React from 'react';})(ZWrapper);import React from 'react';
import { Link, NavLink } from 'react-router-dom</
浏览 2提问于2017-07-14得票数 1
回答已采纳
import { BrowserRouter as Router, Route } from "react-router-dom";
layout: DefaultLayout, }, 最后，我只是希望看到一个重定向到promise中的任何路由
浏览 32提问于2019-05-20得票数 1
我已经用JWT和react制作并获取了一个登录表单。我设法获取了用户名和密码的数据，一切工作正常，但是当用户单击submit时，我想将用户重定向到一个新页面，而我不知道如何做到这一点。我也在使用react路由器。欢迎任何帮助。import React, { Component } from "react"; constructor(props) {
浏览 6提问于2020-06-03得票数 0
回答已采纳
I退出函数有问题，按钮应该返回到索引页：，其功能是： this.playButtonSound(); if (window.confirm('Are You Sure You Want To Exit The Quiz?')) {
this.props.history.push(&
浏览 3提问于2022-01-18得票数 1
import React from "react";import { BrowserRouter, Route } from 'react-router-dom
浏览 8提问于2017-04-07得票数 28
我在我的reactJs应用程序中使用react-router-dom进行路由。我有一个Route，Account，里面有嵌套的路由。在Account组件中，我希望根据当前路由(param.id)显示不同的组件。现在，初始组件正在呈现，但当我单击链接时，我的帐户组件仍然呈现该初始组件，而不管url中的更改。或者，我是否应该在AccountSwitch组件中执行一些操作来识别url的更改，并为props.match.params.id更新它的当前值？
浏览 15提问于2019-03-28得票数 8
回答已采纳
我是第一次使用React Router。我一直在尝试使用它，当我手动更改url路径时，它就起作用了。但是当我使用Link标记导航到新路径时，它什么也不做。这是我的App.js： const newRoute = () => { <div id="colorlib-page"> <Sidebar></Sidebar>
<div id="colorlib-main
浏览 31提问于2019-09-09得票数 0
2回答
嗨，我是第一个反应JS的人，在下面的代码中，一切都很好，但是当我单击注销处理程序时，它显示了
import {BrowserRouter,Link,Route} from 'react-router-dom';
import
浏览 0提问于2018-06-05得票数 5
我已经设置了所有的redux，所以我的搜索查询被存储在redux中，并且当用户在/search页面上时，结果被呈现。我使用的是App.js中的顶级组件。 我尝试使用和history.push("/search")，但这改变了网址，网页没有呈现新页面。
浏览 16提问于2019-02-13得票数 0
回答已采纳
NavigateCheckbox .js state = { selectedOption: "" };
if (e.target.checked && e.target.value === "yes") { }
this.setSta
浏览 18提问于2020-08-27得票数 0
以下是我的应用程序组件：import React from "react";import {</Switch> </div>}
Switc
浏览 4提问于2019-10-17得票数 17
回答已采纳
但是无论我把它放在哪里，我都会得到错误：我使用import {BrowserRouter as Router} from 'react-router-dom
浏览 1提问于2018-07-08得票数 0
回答已采纳
1回答
我正在尝试创建一个具有可点击卡片的页面。每张卡都是一个组件。因此，作为用户，我应该能够单击其中一张卡，它会将您带到一个页面“CareerPage”。然而，我正在努力让每个卡的链接工作。我已经尝试了下面的方法。谢谢。import './Explore.css';import CareerPage from '..//Career-Pages/CareerPage';
//<Route
浏览 0提问于2020-03-16得票数 1
1回答
path='/' component={Home}/>当我在WButton组件中执行当我将WButton移到Home Component中时，一切都正常工作，但我希望将WButton保持在顶层。这有没有可能呢？
浏览 9提问于2021-09-20得票数 0
我正在尝试使用选择器来获取集合。这是我的代码： import { createSelector } from "reselect"; export const selectShop = state => state.shop; export const selectCollections = createSelector( shop => shop.collections
exp
浏览 3提问于2021-09-09得票数 0
下面代码中的链接不起作用。我是个初学者，我不知道问题出在哪里。关于如何调试它，您有什么建议吗？谢谢,import { BrowserRouter as Router, Route } from 'react-router-domitems)), }
我以前有一个组件，负责获取DB中</
浏览 0提问于2018-09-27得票数 0
回答已采纳
我正在创建一个带有一些预定义值的表单，并且在表单提交后，我想要路由到仪表板页面。我在表单的提交上使用了handleLoginSubmit func。为此，我有以下代码：e.preventDefault(); email: "email@email.com",};
this.state.email == hardcodedCred.email &&
this.s
浏览 2提问于2020-12-25得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
