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

Question

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

Answer 1

При редактировании необходимо обновить состояние fileList а также previewImage похож на initial state как указано ниже:

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

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