返回到React页面的前一个位置
P粉883278265
P粉883278265 2023-08-29 23:54:13
0
1
616
<p>想象一下,我有一个非常长的列表,称为页面A。我向下滚动到第500行。该行也是页面B的链接,显示行的详细信息。在页面B上检查完详细信息后,我想返回到页面A,但我希望返回到我去页面B的那个点,也就是第500行。在ReactJS应用程序中,我该如何实现这种行为?</p>
P粉883278265
P粉883278265

全部回复(1)
P粉509383150

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

  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上看到类似的实现。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板