antd Upload组件 onChange接收不到后续状态的问题

Posted 2023-04-25

参考技术A 需求：提供一个按钮，点击按钮上传文件，下方不需要展示文件列表。
正确实现：将Upload组件的showUploadList属性设置为fasle。
错误的实现：将Upload组件的fileList属性设置为[ ]。
出现的问题：Upload组件 onChange接收不到后续状态的问题，比如done。
问题原因：fileList 受控时，上传不在列表中的文件不会触发 onChange 后续的 status 更新事件。
antd官方文档解释：

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 事件内传值发起请求。