关于前端:React-Ant-Design-Upload-组件定制开发-Form中如何初始化图片列表

40次阅读

共计 407 个字符，预计需要花费 2 分钟才能阅读完成。

Upload 组件在 Form 中应用, 会处于受控状态, 所以默认值如 FileList 的初始化须要通过 Form 的 setFieldsValue 办法来设

const [form] = Form.useForm();
form.setFieldsValue({banner: [{ uid: uuid().toString(), name: imageURL, status: 'done', url: imageURL}],
})
 
<Form.Item
    label="Banner 图"
    name="banner"
    valuePropName="fileList"
    getValueFromEvent={normFile}
>
<Upload
    name="bannerUpload"
    customRequest={uploadHandler}
    >
        <Button icon={<UploadOutlined />}> 上传图片 </Button>
</Upload>
</Form.Item>

正文完