react+antd,试过很多种方案都不行,求给一个分页之后返回原页,依旧能够记住checkBox状态的解决方案

发布于 2022-09-06 21:07:27 字数 314 浏览 24 评论 0

clipboard.png
上面有这个筛选,Select切换了也是会重新请求的
clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(7

深海夜未眠 2022-09-13 21:07:28

很简单呀,在rowSelection中把选择的数据selectedIds存放到state中就可以了。
不管在哪一页,你把这个selectedIdsTableselectedRowKeys就好了。
参考

蘑菇王子 2022-09-13 21:07:28

分页请求数据的时候,就应该让后端在列表里给你是否选中的字段啊,不需要前端去记录。

浮生面具三千个 2022-09-13 21:07:28

你应该需要用到redux

岁月无声 2022-09-13 21:07:28

将你需要保存的状态保存到redux中

时光无声 2022-09-13 21:07:28

在点击跳转到另外页面前,把当前状态(勾选的 checkbox ,select选中的值和option)等需要保留的痕迹存cookie或者是session,从其他页面跳回来,重新执行搜索前,把存下的状态取出来,然后再查询搜索。在render列表时,一并还原当前的页面的勾选状态

巴黎夜雨 2022-09-13 21:07:28

上redux,把checkbox的状态保存在redux中

奢华的一滴泪 2022-09-13 21:07:28

这个东西看你们项目的这个页面数据是怎么请求的,如果后端返回的数据是每次只请求当前页面的数据,那么就让后端每次翻页的时候保存一次数据,保存当前是否选中的状态,如果是一次性全部请求完的数据,那么久使用antd的table组件来完成,并且根据自己的需要重写antd样式

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文