关于前端:value-is-not-a-valid-prop-do-you-mean-fileList

React Ant Design Upload 组件在Form中应用的正告,如何排除:

正告信息 Warning: [antd: Upload] value is not a valid prop, do you mean fileList?

解决办法:

当您在Form.Item中应用Upload时,可能遇到此类正告,解决该问题只须要在Form.Item组件的属性列表中增加如下两个属性即可:

valuePropName=”fileList”
getValueFromEvent={normFile}

具体代码:

const normFile = (e: any) => {
    console.log('Upload event:', e);
    if (Array.isArray(e)) {
        return e;
    }
    return e && e.fileList;
};
 
<Form.Item
    label="Banner图"
    name="banner"
    valuePropName="fileList"
    getValueFromEvent={normFile}
>
<Upload
    name="bannerUpload"
    >
        <Button icon={<UploadOutlined />}>上传图片</Button>
</Upload>
</Form.Item>