【问题标题】:Return to previous page on exact point in React返回到关于 React 中确切点的上一页
【发布时间】:2022-12-03 00:56:42
【问题描述】:

想象一下,我有一个包含很长行列表的页面 A。我向下滚动到例如行号 500。该行还链接到显示行详细信息的页面 B。检查完页面 B 的详细信息后,我想返回页面 A,但我想返回完全相同的点,即从我转到页面 B 的位置,即第 500 行。如何在 ReactJS 中实现此行为应用程序?

【问题讨论】:

    标签: reactjs navigation anchor


    【解决方案1】:

    这可以通过两种方式实现。

    1. html id 属性的简单使用。
    2. 借助 react-router-dom 和道具传递。

      我在这里列出了对初学者友好的方法 1

      这可以在 id 的帮助下实现 我将列出一个在 jsx 上工作类似的示例 html 代码

      <div>
      <p id="1">Row 1 </p>
      <p id="2">Row 2 </p>
      ...
      ...
      ...
      </div>
      

      假设页面的使用是www.samplepage.com 如果我把它具体化,而不是这个链接,即www.samplepage.com#1 它会带我去第 1 行它就像同一页面中的锚标记 您可以将标签存储在状态中并使用它。

    【讨论】:

      猜你喜欢
      • 2013-09-16
      • 2019-01-21
      • 1970-01-01
      • 2016-04-25
      • 2015-09-11
      • 1970-01-01
      • 2022-01-13
      • 1970-01-01
      • 2019-08-01
      相关资源
      最近更新 更多