optimize form submit logic

src/pages/user/inform/inform.tsx

@@ -1,12 +1,14 @@
 import { Component, ReactNode } from 'react';
-import { AtForm, AtInput, AtButton } from 'taro-ui';
+import { AtForm, AtInput, AtButton, AtMessage } from 'taro-ui';
 import './inform.scss';
+import Taro from '@tarojs/taro';
 
 export default class InformPage extends Component {
   state = {
     phone: '',
     name: '',
     isLoading: false,
+    isDisable: false,
   };
   handleChangePhone(phone: string) {
     this.setState({
@@ -23,11 +25,21 @@ export default class InformPage extends Component {
   onSubmit() {
     this.setState({
       isLoading: true,
+      isDisable: true,
     });
     console.log(this.state.name, this.state.phone);
     this.setState({
       isLoading: false,
     });
+    Taro.atMessage({
+      message: '提交成功',
+      type: 'success',
+    });
+    setTimeout(() => {
+      this.setState({
+        isDisable: false,
+      });
+    }, 1000);
   }
   onReset() {
     this.setState({
@@ -42,6 +54,7 @@ export default class InformPage extends Component {
         onSubmit={this.onSubmit.bind(this)}
         onReset={this.onReset.bind(this)}
       >
+        <AtMessage />
         <AtInput
           name='phone'
           title='手机号码'
@@ -63,6 +76,7 @@ export default class InformPage extends Component {
           loading={this.state.isLoading}
           formType='submit'
           type='primary'
+          disabled={this.state.isDisable}
         >
           提交
         </AtButton>

src/pages/user/report/report.tsx

@@ -1,11 +1,13 @@
-import { AtTextarea, AtButton, AtForm } from 'taro-ui';
+import { AtTextarea, AtButton, AtForm, AtMessage } from 'taro-ui';
 import { Component, ReactNode } from 'react';
 import './report.scss';
+import Taro from '@tarojs/taro';
 
 export default class SettingsPage extends Component {
   state = {
     report: '',
     isLoading: false,
+    isDisable: false,
   };
   handleChange(report: string) {
     this.setState({
@@ -15,11 +17,21 @@ export default class SettingsPage extends Component {
   onSubmit() {
     this.setState({
       isLoading: true,
+      isDisable: true,
     });
     console.log(this.state.report);
     this.setState({
       isLoading: false,
     });
+    Taro.atMessage({
+      message: '提交成功',
+      type: 'success',
+    });
+    setTimeout(() => {
+      this.setState({
+        isDisable: false,
+      });
+    }, 1000);
   }
   onReset() {
     this.setState({
@@ -32,6 +44,7 @@ export default class SettingsPage extends Component {
         onSubmit={this.onSubmit.bind(this)}
         onReset={this.onReset.bind(this)}
       >
+        <AtMessage />
         <AtTextarea
           value={this.state.report}
           onChange={this.handleChange.bind(this)}
@@ -42,6 +55,7 @@ export default class SettingsPage extends Component {
           loading={this.state.isLoading}
           formType='submit'
           type='primary'
+          disabled={this.state.isDisable}
         >
           提交
         </AtButton>