解决 react-router / react-router-dom v4 history不能访问的问题

最新推荐文章于 2025-08-07 19:01:01 发布

转载最新推荐文章于 2025-08-07 19:01:01 发布 · 171 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.codeprj.com/blog/6e0cd31.html

文章标签：

#react-router / react-router-dom v4 history

本文档详细介绍了如何修复在使用React Router v4时遇到的history API访问问题，通过步骤和参考链接提供解决方案，适合前端开发者参考。

解决 react-router / react-router-dom v4 history不能访问的问题

参考文章：

（1）解决 react-router / react-router-dom v4 history不能访问的问题

（2）https://www.cnblogs.com/zhangkunweb/p/7212243.html

备忘一下。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wangchaoqi1985

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

关于react-router/react-router-dom v4 history不能访问问题的解决

11-28

前言最近把react-router 升级了一下，在使用react-router-dom 是，子组件使用this.props.history 找不到了，看看官方文档，找了半天也没找到，因为我是在异步执行完后才跳转页面，需要用到push 或者replace，怎么办啊，国内知识都是你复制我的，我复制你的，都特么垃圾。只能去Google，最终找到了答案：（看代码一目了然）解决方法首先使用router import React, { Component } from 'react'; import { BrowserRouter, Route } from 'react-router-d

koa-react-router：用于koa 2的react-router中间件

02-03

koaReact路由器 koa 2中间件，用于React... import reactrouter from 'koa-react-router' ; import App from './App' ; import Container from './containers/PageContainer' ; const app = new Koa ( ) ; app

参与评论您还未登录，请先登录后发表或查看评论

react-router-CN：React Router V4中文文档

02-19

用于DOM绑定的React Router 用于的React路由器 React Router和Redux的集成静态路由配置帮助助手加群交流 React技术交流1群（已满）： React技术交流2群：鸣谢感谢支持React Router的开发。另外，感谢提供...

react-router:react-router 中文文档

04-29

react-router-dom React路由器的DOM绑定 react-router-native 用于React路由器的React Native绑定 react-router-redux Integration with React Router and Redux react-router-config 静态路由配置助手 About react-...

react-router的browserHistory/react-router-dom的BrowserRouter刷新页面404问题解决

weixin_30399797的博客

01-25

251

前端解决： '/' 表示把所有的url都发给代理https://api.example.com bypass 表示不需要发给发给代理服务器的条件　　如下配置，可以监听https://api.example.com域下的/开头的请求（等效于所有请求），然后判断请求头中accept字段是否包含html，若包含，则代理请求至/index.html，随后将返回index.htm...

React中非组件环境下拿到路由信息----------History

留着鼻涕敲代码

11-19

925

1.如何拿到路由信息，通常情况下都是在组件情况下通过useHistory拿到路由信息的但是有个很严重的问题，useHistory这个方法只能只能在组件环境下才能使用，如果非组件将无法使用 2. Router包与 HashRouter/BrowerRouter的区别 react-router-dom中是有Router这个包，但是它Router 没有history属性简单理解就是： Router + HashHistroy = HashRouter Router + BrowerHistroy =

window.history路由及在react-router-dom中的使用

Dilomen的博客

07-03

4017

首先来看history暴露出属性和方法（以下图来自MDN）以及谷歌浏览器的history输出，可以看到History的构造方法和原型对象属性： length 当前窗口的浏览路径数量 scrollRestoration 设置默认的滚动恢复行为, 可选值 "auto" || "manual", 前者进入页面还会停到之前的滚动位置，后者会重置滚动位置到顶端 sta...

react-router/react-router-dom

最新发布

qq_24428851的博客

08-07

973

最近看了react-router 源码，对react-router有了更深的理解，下面写点东西备忘：react-router-dom 是对react-router 的扩展，而两者实现路由跳转的本质依赖于一个history 插件。此history 插件是对浏览器原生 history 的封装。

react-router-dom笔记

extendworld的博客

10-23

4204

参考地址：http://blog.youkuaiyun.com/sinat_17775997/article/details/69218382import as 关键字用来给导入的变量设置新的名字，同时可以将整个模块导入。改名字： import { lastName as surname } from './profile';整体加载： import * as circle from './circle';

react报：export useHistory (imported as useHistory) was not found in react-router-dom

从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！

08-31

8272

react-router-dom v4 可以使 withRouter (函数组件里可以用这个方法),当然也可以直接 this.props.history.push。很明显这个报错是说 react-router-dom 里没有 useHistory。这个就涉及 react-router-dom这个插件的版本问题了。react-router-dom v5 是使用 useHistory。问题出在这里了不同版本差异化，所以用之前需要确认版本。react-router-dom v6 里。..........

React中的路由

一杯清泉

04-23

1944

react推出了react-router的路由管理插件，实现了路由的核心功能，分别给web、reactnative、anywhere三个平台。基于react-router实现的react-router-dom是给web端使用的路由，加入了在浏览器运行环境下的一些功能，核心基于history实现，分位hash路由和h5路由，其中h5路由兼容性有点差，需要后端支持，hash路由兼容行非常好，不需要后端支持。本博客介绍react路由基于react-router-dom@5.3.0，v6.0有所变化。一、路由

react-router-dom学习笔记

前端入门

06-17

272

react-router-dom学习笔记一、安装调用二、使用Link跳转三、导航栏跳转1、路由组件和普通组件2、history3、window.location.href 一、安装调用 https://www.npmjs.com/package/react-router-dom npm install --save react-router-dom import { BrowserRouter as Router, Route, Link } from "react-router-dom"; 二、使用L

React路由使用入门react-router-dom

12-08

838

2.history：使用react-dom中 createBrowerRouter创建（底层：history对象+pushState事件）需要后端支持。1.hash ：由react-dom中 createHashRouter创建（底层：监听hashChange事件）说明：当浏览器输入url路径在整个路由配置中都找不到对应的path，为了用户体验，展示404进行渲染。语法：跳转（2）使用组件配置二级路由渲染位置。

简介react-router-dom基本使用

AI_huihui的博客

04-26

1750

React Router附带了一些HOOK，可让您访问路由器的状态并从组件内部执行导航，例如 useHistory useLocation useParams useRouteMatch

React-router-dom入门到深入

阿飞陛下

04-02

702

对于一些新知识，先要会用，才能谈深入理解。

oaf-react-router: 为React Router v5提供增强可访问性解决方案

标签中包含了 "react", "typescript", "react-router", "accessibility", "react-router-dom", "TypeScript"。这些标签明确表示oaf-react-router是针对React框架的，利用TypeScript进行类型安全编程，并专注于为使用...