React Router 向路由组件传state参数浏览器回退历史页面显示效果问题

devtools/2025/1/7 22:44:30/

昨天在看尚硅谷张天禹老师讲的 React教程p90,老师讲到 React路由的 replace模式和push模式,老师的演示效果与自己本地操作不太一样。

老师的效果:点击查看消息1,消息2,消息3 再点回退,可以依次查看到 消息2,消息1 的历史记录。

本地效果:点击查看消息1,消息2,消息3 再点回退,直接跳到最后一次的路由,没有在detail 页面回退的效果。

事后在网上找到这个教程对应的源码,发现老师讲课用的 react-router-dom 版本是 ^5.2.0,而我本地的版本是 5。

 因此我本地也将 react-router-dom 的版本升到 ^5.2.0,再次操作,展示的效果就是和老师的一致。


http://www.ppmy.cn/devtools/148740.html

相关文章

AI巡检系统在安全生产管理中的创新应用

AI巡检系统是一种结合了物联网(IoT)、人工智能(AI)、大数据等先进技术的自动化工具,旨在替代或辅助人工完成对特定区域或设备的定期检查任务。以下是对AI巡检系统的详细解释: 一、系统构成 AI巡检系统通常…

Python爬虫基础——案例:爬取豆瓣电影动画排行榜

主要采用了requests模块和json模块来实现豆瓣电影动画排行榜的爬取。 ############################## ##作者:白雪公主的后妈 ##时间:2024年1月4日 ##主题:Python爬虫基础——案例:爬取豆瓣电影动画排行榜 ####################…

基于 GPUTasker 的 GPU 使用情况钉钉推送机器人实现

引言 https://github.com/cnstark/gputasker 随着 AI 模型的广泛应用,GPU 成为团队中最重要的资源之一。然而,如何实时监控 GPU 的使用情况并及时通知团队是一个值得关注的问题。为了更好地管理显卡资源,本文基于 GPUTasker,实现了…

使用Node编写服务器接口

1.设置环境 打开终端输入如下命令: mkdir apidemo cd apidemo npm init -y npm install express touch server.js 在server.js输入代码 const express require(express); const app express(); const PORT 3030;// 中间件 - 解析JSON请求体 app.use(expres…

Swift语言的语法糖

Swift语言的语法糖 Swift是一种由苹果公司开发的编程语言,旨在提高开发者的生产力和代码的可读性。自2014年推出以来,Swift逐渐成为iOS和macOS应用开发的主流语言。Swift的设计理念之一是简化和优化代码,特别是通过使用“语法糖”来提高语言…

小米智能哑铃上市,代理 IP 视角下的智能健身新篇

在智能科技与健康生活深度融合的时代,小米以其敏锐的市场洞察力和强大的创新能力,不断拓展智能生态版图。米家智能哑铃的发布,无疑是其在智能健身领域的又一重要举措。而当我们从代理 IP 的独特视角来审视这一产品,会发现其中蕴含…

STM32 拓展 RTC(实时时钟)

RTC简介 RTC(Real Time Clock,实时时钟)。是一个掉电后仍然可以继续运行的独立定时器。 RTC模块拥有一个连续计数的计数器,在相应的软件配置下,可以提供时钟日历的功能。修改计数器的值可以重新设置当前时间和日期 RTC还包含用于管理低功耗模式的自动唤醒单元。 RTC实质…

数据挖掘入门介绍及代码实战

什么是数据挖掘? 数据挖掘(Data Mining)是从大量数据中通过算法和技术提取有价值知识的过程,常被称为“从数据中发现知识”(KDD,Knowledge Discovery in Databases)。它包括从数据库中发现隐藏…