乐趣区

关于前端: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>

退出移动版