处理 React 重新渲染



我来找专家不是为了解决方案,而是为了一些建议......

我正在使用 React JS 制作一个 Web 应用程序,在某些时候它有一个列表,我按块(每个块 20 个项目(构建,当用户达到列表的 80% 时,我向后端请求该列表(到目前为止一切顺利(。

当我单击列表中的一个项目时,它会转到另一个包含项目详细信息的页面。

现在的问题...

当我返回时,我的应用程序像第一次一样呈现,并且丢失了索引。

想象一下,您正在浏览一个显示大量照片列表的网站,并且您想查看照片编号 300 的详细信息,当您返回时,它会显示从照片编号 1 开始的列表。发生这种情况时,这将很乏味,并给最终用户带来混乱。

我正在考虑实现某种缓存,但我不知道 React 是否接受这种策略,或者是否有更好的方法来解决这个问题。

请我欣赏任何想法,我知道你们中的一些人已经处理过这个问题。

你用的是路由器,对吧? 所以这是 REACT 的正常运行方式。 在 VUE 中,属性keep-alive可能是您想要的。但是对于 REACT,你需要在 npm 存储库上搜索第三方库。 您需要的是保存上一个路由组件的所有状态,或者将整个实例保存在某个位置。

如果您使用的是 React Router,请检查 https://github.com/oaf-project/oaf-react-router。我出于同样的目的使用它。

相关内容

  • 没有找到相关文章

最新更新