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,再次操作,展示的效果就是和老师的一致。