当前位置: 首页 > article >正文

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

昨天在看尚硅谷张天禹老师讲的 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.kler.cn/a/470812.html

相关文章:

  • 调整Python+Pytest+Allure+Yaml+Pymysql框架中需要执行的用例顺序
  • HTML-多媒体标签
  • 重新整理机器学习和神经网络框架
  • 《鸿蒙微内核与人工智能算法协同,开启智能系统新时代》
  • Python递归(汉诺塔问题)
  • C# 服务生命周期:Singleton、Scoped、Transient
  • Vue.js组件开发-在setup函数中使用provide
  • 41.5 nginx拦截prometheus查询请求使用lua脚本做promql的检查替换
  • 少儿编程|基于SSM+vue的少儿编程管理系统的设计与实现(源码+数据库+文档)
  • 云计算中的可用性SLA
  • Flutter 如何编写 Dart CLI应用程序
  • react 封装一个类函数使用方法
  • 【微服务】4、服务保护
  • 在调用 borrowObject 方法时,Apache Commons Pool 会根据连接池的配置触发一系列相关的方法
  • vue.js 插槽-默认插槽
  • 重温设计模式--13、策略模式
  • MYSQL--------SQL 注入简介MySQL SQL Mode 简介
  • WPF 扩展 TabControl 可保存显示的标签页
  • Flutter鸿蒙化 在鸿蒙应用中添加Flutter页面
  • Spring Security(maven项目) 3.0.2.4版本
  • 期末速成C++【大题汇总完】
  • 【工具推荐】XSS 扫描器-XSStrike
  • 基于fMRI数据计算脑脊液(CSF)与全脑BOLD信号的时间耦合分析
  • 进行电商系统的开发
  • 使用 Nginx 轻松处理跨域请求(CORS)
  • 在vue3中根据需要展示特定国家的国旗