fix:图片文件初始化列表

src/components/Editor/index.js

@@ -83,6 +83,7 @@ class Editor extends React.Component {
     if (fileList.length > this.props.maxUpload) {
       list = fileList.slice(0, this.props.maxUpload);
     }
+    this.props.handleChangeFileList(list);
     this.setState({ fileList: list });
   }
 
@@ -131,6 +132,10 @@ class Editor extends React.Component {
     const files = [];
     if (fileList.length) {
       fileList.forEach(item => {
+        if (item.url) {
+          files.push(item.url);
+          return;
+        }
         if (!fileMap[item.uid]) {
           return;
         }
@@ -180,6 +185,7 @@ class Editor extends React.Component {
       emojiPopoverPlacement,
       uploadPopoverPlacement,
       uploadOverlayClassName,
+      fileList,
       closeUploadWhenBlur,
       maxUpload,
       // btnSubmitText,
@@ -199,6 +205,7 @@ class Editor extends React.Component {
       btnDisabled ||
       (!this.props.value && !this.state.value && !this.state.fileList.length);
     const inputValue = value || this.state.value;
+    const uploadFileList = fileList || this.state.fileList;
     return (
       <div className="comment-editor-container">
         <div
@@ -279,7 +286,7 @@ class Editor extends React.Component {
                         onChangeFileList={this.handleChangeFileList}
                         onUpload={this.handleUpload}
                         maxUpload={maxUpload}
-                        fileList={this.state.fileList}
+                        fileList={uploadFileList}
                         showError={this.props.showError}
                         onError={this.props.onError}
                       />
@@ -293,7 +300,7 @@ class Editor extends React.Component {
                         {maxUpload >= 2 ? (
                           <span style={{ color: "#666", fontWeight: 400 }}>
                             {intl.get("editor.uploadCount", {
-                              count: maxUpload - this.state.fileList.length
+                              count: maxUpload - uploadFileList.length
                             })}
                           </span>
                         ) : null}

src/index.js

@@ -3,11 +3,47 @@ import ReactDOM from "react-dom";
 import App, { Editor } from "./App";
 // import registerServiceWorker from "./registerServiceWorker";
 
-const Index = props => (
-  <App showAlertComment showAlertReply showAlertFavor showError {...props}>
-    <Editor maxUpload={9} autoFocus {...props.editorProps} />
-  </App>
-);
+class Index extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      fileList: [
+        {
+          uid: "1",
+          name: "xxx.png",
+          status: "done",
+          response: "success", // custom error message to show
+          url:
+            "//links-comment.oss-cn-beijing.aliyuncs.com/comment/20190617/UCs7aXEjW.jpeg"
+        }
+      ]
+    };
+  }
+
+  render() {
+    return (
+      <App
+        showAlertComment
+        showAlertReply
+        showAlertFavor
+        showError
+        {...this.props}
+      >
+        <Editor
+          maxUpload={9}
+          autoFocus
+          {...this.props.editorProps}
+          fileList={this.state.fileList}
+          handleChangeFileList={fileList => {
+            this.setState({
+              fileList
+            });
+          }}
+        />
+      </App>
+    );
+  }
+}
 
 /**
  * 渲染评论组件