Revenir à la position précédente de la page React

Question

Imaginez que j'ai une très longue liste appelée Page A. Je descends jusqu'à la ligne 500. Cette ligne est également un lien vers la page B, affichant les détails de la ligne. Après avoir vérifié les détails de la page B, je veux revenir à la page A, mais je veux revenir au point où je suis allé à la page B, soit la ligne 500. Comment puis-je obtenir ce comportement dans une application ReactJS ?

Answer 1

Cela peut être réalisé de deux manières.

1. La première consiste à utiliser simplement l’attribut id du HTML.
2. Avec l'aide de React-Router-Dom et du passage d'accessoires.

J'ai listé ici la méthode 1, adaptée aux débutants.

Cela peut être réalisé par identification. Je vais lister un exemple de code html comme jsx

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

Supposons que l'utilisation de la page soit www.samplepage.com Si je rends le lien concret, c'est à dire www.samplepage.com#1 Cela m'amènera à la première rangée, tout comme la balise d'ancrage sur la même page Vous pouvez stocker l'étiquette en état et l'utiliser.

Vous pouvez également voir des implémentations similaires sur github.