Kehren Sie zur vorherigen Position der React-Seite zurück
P粉883278265
P粉883278265 2023-08-29 23:54:13
0
1
514

Stellen Sie sich vor, ich hätte eine sehr lange Liste namens Seite A. Ich scrolle nach unten bis zur Zeile 500. Diese Zeile ist auch ein Link zu Seite B, auf der die Details der Zeile angezeigt werden. Nachdem ich die Details auf Seite B überprüft habe, möchte ich zu Seite A zurückkehren, aber ich möchte zu dem Punkt zurückkehren, an dem ich zu Seite B gegangen bin, nämlich Zeile 500. Wie kann ich dieses Verhalten in einer ReactJS-Anwendung erreichen?

P粉883278265
P粉883278265

Antworte allen (1)
P粉509383150

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

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

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

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

第一行

第二行

... ... ...

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

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

    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!