返回到React页面的前一个位置

Question

想象一下，我有一个非常长的列表，称为页面A。我向下滚动到第500行。该行也是页面B的链接，显示行的详细信息。在页面B上检查完详细信息后，我想返回到页面A，但我希望返回到我去页面B的那个点，也就是第500行。在ReactJS应用程序中，我该如何实现这种行为？

Answer 1

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

1. 一种是简单使用html的id属性。
2. 借助于react-router-dom和props传递。

我在这里列出了方法1，适合初学者。

这可以通过id来实现。 我将列出一个类似jsx的示例html代码

<div>
<p id="1">第一行</p>
<p id="2">第二行</p>
...
...
...
</div>

假设页面的使用是www.samplepage.com 如果我将链接具体化，即www.samplepage.com#1 它将带我到第一行，就像在同一页上的锚点标签一样 你可以将标签存储在状态中并使用它。

你也可以在github上看到类似的实现。