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

antd之pagination分页居中和rowKey无理取闹

Antd pro-table 使用之坑

antd表格分页