返回React頁面的前一個位置

Question

想像一下，我有一個非常長的列表，稱為頁面A。我向下捲動到第500行。該行也是頁面B的鏈接，顯示行的詳細資訊。在頁面B上檢查完詳細資料後，我想回到頁面A，但我希望回到我去頁面B的那個點，也就是第500行。在ReactJS應用程式中，我該如何實現這種行為？

Answer 1

這可以透過兩種方式實現。

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上看到類似的實作。