导航到 React 中的新页面,而不丢失当前 [agwe

问题描述 投票:0回答:1

我对此进行了一些挖掘,并且还查询了 chat-gpt (哈哈),但我似乎找不到任何解决该问题的资源。我想做的很简单:在页面 A 上,我从服务器加载 100 个项目的列表;我可以单击每个项目,这将使我能够导航到该项目的新详细页面。当我单击后退按钮时,我不想再次加载所有 100 个项目、丢失滚动位置等。

我知道我可以维护滚动位置的状态,并且只需在 useEffect 中维护

scrollTo()
,但对于实际数据来说,它会有点棘手,因为我不想为我的 100 个项目的列表存储数据(可能是生产数量远多于 100 个)。

有没有办法在反应中巧妙地做到这一点?我目前使用

useNavigate()
钩子

进行导航
reactjs react-navigation
1个回答
0
投票

尝试使用React Router Dom。每个项目都可以是导航到该项目的新详细页面的路线。

在此输入链接描述

© www.soinside.com 2019 - 2024. All rights reserved.