Javascript 反应跟踪单击的元素

我有这样一个项目列表：

<div className="items-section">
 {items.map((item) => 
   <Item key={item.id} {...item} />
 )}
</div>

{items.map（（item）=>
)}

当用户单击列表中的某个项目时，他们将被重定向到

/items/：itemId

url以查看该项目，当他们单击返回或关闭将显示该项目的模式时，我希望显示列表并关注他们停止并单击的元素。它现在是如何工作的，20个项目显示给用户，他们单击第11个项目，然后单击上一步，再次从第一个项目的首页开始显示列表。我怎样才能回到第11个元素，获得更好的体验

---

我也在使用redux，我想跟踪单击的元素，但如何在该元素的React和display中反映这一点。我想到了

useRef

，但我不知道如何在这里使用。有谁能建议我怎么做以及如何实现这一点吗？

在映射列表时，您可以提供ID。像这样

{items.map(item => <div id={`foo-${item.id}`}>foo</div> 

现在你有了这个节点。如果需要，可以使用scrollTo滚动到此节点，或者如果需要，可以提供一个类

const foundItem = document.getElementById(`foo-${here is your stored item.id in redux}`)