Warning: [antd: Upload] `value` is not a valid prop, do you mean `fileList`?
最近我在使用React+antd重写博客网站,在编写一个表单页面时遇到了如下报错:Warning: [antd: Upload] `value` is not a valid prop, do you mean `fileList`?
![Warning: [antd: Upload] `value` is not a valid prop, do you mean `fileList`?](https://static.blogweb.cn/article/774d15f69c1b4aeb92f0e49c4de8051d.webp)
在查找后解决方法如下:
![Warning: [antd: Upload] `value` is not a valid prop, do you mean `fileList`?](https://static.blogweb.cn/article/25dd8424634448469f6770464cd3c5bc.webp)
报错是因为Upload组件被嵌套在表单中造成的只需要在对应的Form.Item组件上添加 valuePropName="fileList" 属性就可以了
但是虽然解决了初始化后报错问题,但是在上传图片时会出现新的报错,这是我们需要在添加一个属性:
![Warning: [antd: Upload] `value` is not a valid prop, do you mean `fileList`?](https://static.blogweb.cn/article/6904dbe01049419eb4a7b89d51b9405b.webp)
const normFile = (e: any) => {
console.log('Upload event:', e);
if (Array.isArray(e)) {
return e;
}
return e && e.fileList;
};
getValueFromEvent={normFile}
主要就是处理上传时的状态使展示上传后的预览图片能顺利进行