react 返回一个页面_react-router-dom 怎么让第二个页面返回到第一个页面使得第一个页面不重新加载...

用了 react-router-dom v4

从列表页( List )点击一项进入详情页( Detail )，在 Detail 里点击返回，返回到 List，这里 List 会重新加载，也就是说，之前在 List 里进行的加载更多也没有了，之前翻到的位置也没有了(直接到顶部了)

跳转用的是 Link

传统的服务器渲染的页面，点击一个超链接后，再返回，浏览器就算会刷新页面，但会回到之前的位置，用 react-router-dom 里的 Link 也是渲染成了超链接了呀，为啥返回就不能回到之前的位置呢？

对于这样的现象，可以在 List 页面加载完数据后就保存它的 state 到 redux/localStorage 里，从 Detail 返回到 List 页面的时候直接取就可以了，另外回到之前滚动的位置也可以在跳转前存一下滚动的位置 scrollTop，从 Detail 返回的时候，可以设置一下

问：目前除了上面这种方法外，还有其它的办法吗？求教！！

路由代码：

class App extends Component {

render() {

return (

{

return

}}/>

);

}

跳转代码：

{v.title}

返回使用浏览器返回键和使用代码 this.props.history.goBack()一样都可以返回，但 List 页面会重新加载

react 返回一个页面_react-router-dom 怎么让第二个页面返回到第一个页面使得第一个页面不重新加载...相关推荐

react学习(43)----react中将一个元素渲染为 DOM
假设你的 HTML 文件某处有一个 <div>: <div id="root"></div> 我们将其称为"根" DOM 节 ...
react循环key值_React性能优化的几个知识点
各位同学大家晚上好,今天来说说react相关的东西.<从零玩转React全家桶核心(21)>正在更新,视频版请登录官网(www.it666.com)查看,或者扫码直达: Diff算法开发 ...
react classname多个_React全家桶简介
当前前端开发已经进入以vue.react.webpack为代表的编程2.0时代.在1.0时代,代码是写给机器的:在2.0时代,代码是写给工具的,然后由工具处理后再转给机器. 一.React全家桶简介 ...
oracle 自定义函数返回一个表类型
oracle 中的函数可以返回表类型但,这个表类型实际上是集合类型(与数组类似) 这个类型不能直接作为 from 的宾语从oracle 9i 开始,提供了一个叫做"管道化 ...
oracle自定义函数返回一个表,oracle 自定义函数返回一个表类型
oracle 中的函数可以返回表类型但,这个表类型实际上是集合类型(与数组类似) 这个类型不能直接作为 from 的宾语从oracle 9i 开始,提供了一个叫做"管道化表函数" ...
Java将图片压缩质量后返回一个byte数组
项目为了降低存储生成,需要将图片质量压缩大小不变,并且全程要在内存中进行,所以我写了下面的方法.方法中传入参数有两个一个是图片的byte数组,一个是压缩质量(压缩质量在0-1之间).处理完毕后会返回一 ...
qdialog 返回值_PyQt QDialog - 返回一个值并从对话框中关闭
我正在PyQt的用户界面上工作,我遇到了一些试图使用QDialog的问题.基本上我有一个主小部件和一个子小部件,保存在单独的.py文件中;当我点击主窗口小部件中的某个按钮时,我想要打开子窗口小部件.这 ...
dom vue 加载完执行_前端面试题——Vue
前言前几天整理了一些 html + css + JavaScript 常见的面试题(https://segmentfault.com/u/youdangde_5c8b208a23f95/articl ...
dom vue 加载完执行_前端面试题Vue
前言前几天整理了一些 html + css + JavaScript 常见的面试题,然后现在也是找了一些在 Vue 方面经常出现的面试题,留给自己查看消化,也分享给有需要的小伙伴. 如果文章中有出现 ...
页面从输入 URL 到页面加载显示完成
这题胜在区分度高,知识点覆盖广,再不懂的人,也能答出几句, 而高手可以根据自己擅长的领域自由发挥,从URL规范.HTTP协议.DNS.CDN.数据库查询. 到浏览器流式解析.CSS规则构建.layou ...

react 返回一个页面_react-router-dom 怎么让第二个页面返回到第一个页面使得第一个页面不重新加载...

{v.title}

react 返回一个页面_react-router-dom 怎么让第二个页面返回到第一个页面使得第一个页面不重新加载...相关推荐

最新文章

热门文章