graceminc_粒子 2018-10-31 08:03 采纳率: 0%
浏览 3560
已采纳

react 滚动分页列表点击进入详细,然后点击回退按钮,怎么能使回来的页面保持离开前的位置和状态?

问题描述
在(A)页面原来的列表页面向下滚动滚动到第二页,点击列表

 <Link to="xxx"/> 

跳转到详细(B)页面,在(B)页面点击返回按钮执行this.props.history.goBack()返回到想一个页面,无法回显到(A)页面的位置和数据。

问题分析:this.props.history.goBack()返回之前的页面会重新调用组件渲染流程,这个和浏览器原生的window.history.back(-1)不一样。

期待的结果
目前react 有没有出插件可以模拟window.history.back(-1)的返回 或者解决方案 ?

  • 写回答

1条回答 默认 最新

  • 悟天特斯 2018-10-31 09:07
    关注

    你说的这个需要本身不适合react
    react是单页面
    只有展示的渲染部分,展示过的就要销毁了

    要是想实现这个效果的话,就要传参数,比如你要回跳,并传一个选择项(你是点击了哪个跳走的)

    这个最常见到的就是标签页跳转的回跳,回跳时要回传之前展开的标签页编号

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 PointNet++的onnx模型只能使用一次
  • ¥20 西南科技大学数字信号处理
  • ¥15 有两个非常“自以为是”烦人的问题急期待大家解决!
  • ¥30 STM32 INMP441无法读取数据
  • ¥15 R语言绘制密度图,一个密度曲线内fill不同颜色如何实现
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥500 把面具戴到人脸上,请大家贡献智慧,别用大模型回答,大模型的答案没啥用
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面,不要作在线的,要离线状态。