antd pagination onchange 事件不触发,pagination onchange分页请求内容不正确。
Posted 大唐荣华
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了antd pagination onchange 事件不触发,pagination onchange分页请求内容不正确。相关的知识,希望对你有一定的参考价值。
1.antd pagination onchange 事件不触发
背景:无论是 table 内配置还是单独引入pagination组件, 均为正常使用。但是分页成功,onchange 事件却不触发。首先项目中其余页面也有用到分页组件,一切正常。这样就排出了antd 版本的影响。
然后在前端调试antd 源码,发现 total 值的类型不对。因为这个值是从后端直接取回赋值,后端传回来的类型是一个string(实际是因为http传输造成的转换)。
坑的地方就是,还能够成功分页,而且控制台并无报错提示,很不友好。所以在使用别人代码时不仅要确定引用使用正确,还要保证传参类型……经验+1
2.pagination onchange分页请求内容不正确
正常逻辑在pagination onchange 事件触发后,我们更改页面page ,然后发起页面内容变化的查询方法即可。
但是实际上,因为 queryFunction 里获取到的 page 是异步更新的,所以需要在onchange 事件内传值发起请求。
以上是关于antd pagination onchange 事件不触发,pagination onchange分页请求内容不正确。的主要内容,如果未能解决你的问题,请参考以下文章
antd pagination onchange 事件不触发,pagination onchange分页请求内容不正确。
antd Upload组件 onChange接收不到后续状态的问题
React —— antd Table组件 分页Pagination