【发布时间】:2022-12-03 00:56:42
【问题描述】:
想象一下,我有一个包含很长行列表的页面 A。我向下滚动到例如行号 500。该行还链接到显示行详细信息的页面 B。检查完页面 B 的详细信息后,我想返回页面 A,但我想返回完全相同的点,即从我转到页面 B 的位置,即第 500 行。如何在 ReactJS 中实现此行为应用程序?
【问题讨论】:
标签: reactjs navigation anchor
想象一下,我有一个包含很长行列表的页面 A。我向下滚动到例如行号 500。该行还链接到显示行详细信息的页面 B。检查完页面 B 的详细信息后,我想返回页面 A,但我想返回完全相同的点,即从我转到页面 B 的位置,即第 500 行。如何在 ReactJS 中实现此行为应用程序?
【问题讨论】:
标签: reactjs navigation anchor
这可以通过两种方式实现。
我在这里列出了对初学者友好的方法 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 行它就像同一页面中的锚标记
您可以将标签存储在状态中并使用它。
【讨论】: