我有 2 个反应组件。第一个组件是项目列表。第二个组件是代表项目的组件。
第一个组件在生命周期方法中从服务器获取数据componentDidMount。当您第一次到达此页面时，会显示 20 项。该页面还有一个“显示更多”按钮。当用户单击该按钮时，会获取另外 20 条数据。
让我们承认用户单击了该按钮。现在显示 40 个项目。
用户可以单击某个项目，然后重定向到包含该项目详细信息的另一个页面。
我的问题是，当用户单击后退浏览器按钮（返回到项目列表）时，组件会重新渲染并仅显示 20 个项目。先前的状态（包含 40 项）将丢失。
我想要的是，如果当前状态有 40 个项目，并且用户单击其中之一（以查看详细信息页面），当他返回（通过浏览器导航）时，始终在他离开之前向他显示相同的列表到详情页面。
换句话说，从详情页面导航到列表页面，不得重新渲染列表页面。
我希望我的解释足够清楚。
谢谢。