React Antd Upload组件

image.png

upload组件，有个onchange事件

image.png

这里看他的函数handleChange，直接得到fileList，然后再state里面设置，以为fileList是能拿到的，结果fileList可以出来，但是fileList里面的response出不来，页面直接报错，这个response相当于一个promise的状态，不能立即拿到

但是有onchange有个参数

image.png

通过file的status来获取状态，我们加个判断，onchange时间里面，如果file.status=="done"再进行其他操作

但是这里还有个bug，onchange只调用一次，解决方法入口在这里

image.png

解决的思路也很粗暴

image.png

就是不管什么情况都重新setState，这样子就能更新了
然后if判断file的status状态进行操作
出错的原因大概是这样

image.png

这个[...fileList]和fileList.slice()是一样的效果，都是在内存中重新分配一块新空间,这样子就相当于状态更新了