页面重新加载后如何保持在反应（antd）表中的同一页面

Posted 2023-02-22

【中文标题】页面重新加载后如何保持在反应（antd）表中的同一页面

【英文标题】：How can I stay in the same page in react (antd) table after page reload

【发布时间】：2019-04-02 14:30:25

【问题描述】：

我是 react 和 antd 的新手，但我遇到了问题。当我在表格的某个页面中时，页面刷新后，我再次在表格中的默认页码中，但我想在刷新之前的同一页面中。

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

【问题讨论】：

了解缓存和会话存储。

【参考方案1】：

有几种方法可以查看它。 一，您可以使用 React 状态控制表格中的导航，并将表格的状态保存在包含路由的***组件中（例如，使用 React-Router 进行推送状态路由），或者您可以渲染更改到你的表，只有 React，没有路由变化。

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

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

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

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