Предварительный просмотр загруженных картинок в antd

Question

В моем приложении реализован компонент PicturesWall, аналогичный этому на сайте antd: https://ant.design/components/upload/#components-upload-demo-picture-card. Когда пользователь загружает изображения, создаются эскизы, а пользователь может просматривать и удалять их.Теперь это когда я создаю элемент, но я реализую функцию редактирования, где у меня есть поля ввода текста, заполненные тем, что пользователь ввел при создании элемента.Как мне перечислить изображения, загруженные пользователем при создании элемента?

Answer 1

Во время редактирования вам необходимо обновить состояние fileList и previewImage, аналогичное initial state, как указано ниже:

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

Это можно сделать с помощьюпроверка, если вы получаете данные изображения для редактирования.