react+antd,试过很多种方案都不行,求给一个分页之后返回原页,依旧能够记住checkBox状态的解决方案
上面有这个筛选,Select切换了也是会重新请求的
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
上面有这个筛选,Select切换了也是会重新请求的
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(7)
很简单呀,在
rowSelection
中把选择的数据selectedIds
存放到state
中就可以了。不管在哪一页,你把这个
selectedIds
给Table
的selectedRowKeys
就好了。参考
分页请求数据的时候,就应该让后端在列表里给你是否选中的字段啊,不需要前端去记录。
你应该需要用到redux
将你需要保存的状态保存到redux中
在点击跳转到另外页面前,把当前状态(勾选的 checkbox ,select选中的值和option)等需要保留的痕迹存cookie或者是session,从其他页面跳回来,重新执行搜索前,把存下的状态取出来,然后再查询搜索。在render列表时,一并还原当前的页面的勾选状态
上redux,把checkbox的状态保存在redux中
这个东西看你们项目的这个页面数据是怎么请求的,如果后端返回的数据是每次只请求当前页面的数据,那么就让后端每次翻页的时候保存一次数据,保存当前是否选中的状态,如果是一次性全部请求完的数据,那么久使用antd的table组件来完成,并且根据自己的需要重写antd样式