Revenir à la position précédente de la page React
P粉883278265
P粉883278265 2023-08-29 23:54:13
0
1
598
<p>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 ? </p>
P粉883278265
P粉883278265

répondre à tous(1)
P粉509383150

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.

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal