ant design 预览图片_使用Ant Design的Upload上传删除预览照片，以及上传图片状态一直处于uploading的解决方法。...

import React, { useState, useEffect } from "react";

import { Upload, Modal } from 'antd';

import { PlusOutlined } from "@ant-design/icons";

export default (props: any) => {

console.log(props)

const [fileList, setFileList] = useState([])

const [previewVisible, setPreviewVisible] = useState(false);

const [previewImage, setPreviewImage] = useState('');

useEffect(() => {

if (props.value) {

let newFileList = props.value.map((item: any) => {

return {

uid: item.id || item.uid,

status: 'done',

url: 'url' + item.imgUrl,

imgUrl: item.imgUrl,

}

})

setFileList(newFileList)

}

}, [props])

const handleChange = ({ file, fileList }: any) =>