reactjs - 在antd中预览上传的图片

Question

我在我的应用程序中实现了一个 PicturesWall 组件，类似于 antd 网站上的这个组件：https ://ant.design/components/upload/#components-upload-demo-picture-card 。当用户上传图片时，会生成缩略图，用户可以预览和删除它们。现在，这是我创建项目的时候，但我实现了一个编辑功能，其中我的输入文本字段填充了用户在创建项目时输入的内容。如何列出用户在创建项目时上传的图像？

标签： reactjsantd

Answer 1

编辑时，您需要更新状态，fileList如下previewImage所示initial state：

this.setState({
    fileList:[{uid:-1,status: 'done',url:'your image Url'}],
    previewImage: 'your image Url',
});

您可以通过检查是否正在获取要编辑的图像数据来做到这一点。