页面重新加载后如何在react（antd）表中停留在同一页面

Question

我在反应和行动上是新手，但我遇到了问题。当我在表格的某个页面中时，页面刷新后，我再次处于表格中的默认页码中，但是我希望与刷新之前的页面相同。

当我尝试编辑一些数据或在表中添加新数据时，我遇到了类似的问题。保存数据后，我再次进入表的第一页，但我想进入添加/编辑之前的页面。你知道我该怎么解决吗？

Answer 1

有几种查看方式。 一种是，您可以使用React状态控制表中的导航，并将表的状态保存在包含路由的顶层组件中（例如，使用React-Router进行推送状态路由），也可以呈现更改到只有React且没有路由更改的表中。

您还可以在Redux中保存表的状态（类似于在React中保存状态，而是使用全局数据存储Redux提供的内容），并使用中间件，如本文中建议的那样：How can I persist redux state tree on refresh?

我认为，将状态嵌套在更高级别的组件或Redux数据存储中是您最好的选择，只要您小心不要在每次更改时都重新渲染整个应用程序即可。

此外，您可以使用平台API（例如LocalStorage）来启用客户端持久性。

最后，每次发生更改时，您都可以将数据存储在服务器上。但是，这可能是可用选项中性能最低的。