添加自动保存草稿

src/upload/upload.js

@@ -36,6 +36,7 @@ export class UploadContainer extends Component {
   handleSubmit() {
     if ((this.state.msg === "" && this.file === null) || this.state.submitting) return;
     this.setState({ submitting: true });
+    localStorage.removeItem('msgTemp');
   }
 
   componentDidUpdate() {
@@ -55,6 +56,12 @@ export class UploadContainer extends Component {
     }
   }
 
+  componentDidMount() {
+    if (localStorage.getItem('msgTemp')) {
+      this.setState({ msg: localStorage.getItem('msgTemp') });
+    }
+  }
+
   render() {
     return (
       <div className="upload-container">
@@ -71,7 +78,10 @@ export class UploadContainer extends Component {
               className="message-box-textarea"
               placeholder="你的留言…"
               value={this.state.msg}
-              onChange={e => this.setState({ msg: e.target.value })}
+              onChange={e => {
+                this.setState({ msg: e.target.value });
+                localStorage.setItem('msgTemp', e.target.value);
+              }}
               disabled={this.state.submitting}
             />
           </div>