需求

src/components/uploadImage/ImageUpload.jsx

@@ -9,9 +9,19 @@ class ImageUpload extends React.Component {
 
   state = {
     loading: false,
+    previewVisible: false,
+    previewImage: '',
     fileList: [],
   };
 
+  componentDidUpdate() {  this.setState({ fileList: [{
+    uid: '-1',
+    name: 'image.png',
+    status: 'done',
+    url: this.props.value,
+  }] })  }
+
+
   handleChange = ({ file, fileList }) => {
     const { status, response } = file
     this.setState({ fileList, loading: status === "uploading" })
@@ -22,12 +32,12 @@ class ImageUpload extends React.Component {
     }
   };
 
-  // handleUploadSucess = (url) => {
-  //   console.log(url,"33-------")
-  //   if (typeof this.props.onChange === 'function') {
-  //     this.props.onChange(url);
-  //   }
-  // }
+  handlePreview = async file => {
+    this.setState({
+      previewImage: file.response,
+      previewVisible: true,
+    });
+  };
 
   render() {
     const uploadButton = (
@@ -43,7 +53,7 @@ class ImageUpload extends React.Component {
         className="avatar-uploader"
         onChange={this.handleChange}
         fileList={this.state.fileList}
-        // onSuccess={this.handleUploadSucess}
+        onPreview={this.handlePreview}
       >
         {this.state.fileList.length >= 1 ? null : uploadButton}  
       </Upload>