Kembali ke kedudukan sebelumnya halaman React

Question

Bayangkan saya mempunyai senarai yang sangat panjang dipanggil Halaman A. Saya tatal ke bawah ke baris 500. Baris ini juga merupakan pautan ke halaman B, menunjukkan butiran baris. Selepas menyemak butiran di halaman B, saya ingin kembali ke halaman A, tetapi saya ingin kembali ke titik di mana saya pergi ke halaman B, iaitu baris 500. Bagaimanakah saya boleh mencapai tingkah laku ini dalam aplikasi ReactJS?

Answer 1

Ini boleh dicapai dengan dua cara.

1. Salah satunya adalah dengan hanya menggunakan atribut id html.
2. Dengan bantuan react-router-dom dan props passing.

Saya telah menyenaraikan kaedah 1 di sini, sesuai untuk pemula.

Ini boleh dicapai dengan id. Saya akan menyenaraikan contoh kod html seperti jsx

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

Anggap bahawa penggunaan halaman adalah www.samplepage.com Jika saya membuat pautan konkrit, iaitu www.samplepage.com#1 Ia akan membawa saya ke baris pertama sama seperti tag anchor pada halaman yang sama Anda boleh menyimpan label dalam keadaan dan menggunakannya.

Anda juga boleh melihat pelaksanaan yang serupa pada github.