3秒后才可以点击

src/pages/Memory/index.tsx

@@ -60,17 +60,17 @@ const TableList: React.FC<{}> = () => {
   /**
    * 设置复习状态，对手机端返回页面的时候有用
    */
-  const setMemeory=()=>{
-     localStorage.setItem("memory",'1');
+  const setMemeory = () => {
+    localStorage.setItem("memory", '1');
   }
-  const checkMemeory=()=>{
+  const checkMemeory = () => {
     if (localStorage.getItem("memory") === '1') {
       setState({step: Step.MEMORY});
     } else {
       countRemind();
     }
   }
-  const removeMemeory=()=>{
+  const removeMemeory = () => {
     localStorage.removeItem("memory");
   }
 
@@ -192,7 +192,7 @@ const TableList: React.FC<{}> = () => {
     };
   };
   // 判断背面是否是空
-  const isBackEmpty=()=>{
+  const isBackEmpty = () => {
     return getTextFromHtml(memory.back).length === 0 && memory.back.indexOf('img') < 0;
   }
 
@@ -230,19 +230,27 @@ const TableList: React.FC<{}> = () => {
     } else {
       setState({showBack: false});
     }
-    // 隐藏更多按钮
-    setShowMore(false);
-    setBackPractice("")
+
+    /**
+     * 按钮3秒才能点击
+     */
+    setBtnDisable(true);
+    setTimeout(() => {
+      setBtnDisable(false); // 按钮可点
+    }, 3000);
+
+    setShowMore(false); // 默认不展示更多
+    setBackPractice("") // 清空input
     setRefresh(true);
   }, [memory.front]);
 
-  useEffect(()=>{
+  useEffect(() => {
     if (state.remindCount > 0) {
       document.title = '(●—●)快去复习';
     } else {
       document.title = '念念不忘'
     }
-  },[state.remindCount])
+  }, [state.remindCount])
 
   return (
     <PageHeaderWrapper title={false}>
@@ -276,7 +284,8 @@ const TableList: React.FC<{}> = () => {
         <div>
           正面：
           <p/>
-          <MyQuill theme="bubble" readonly onChange={() => {}} value={memory.front}/>
+          <MyQuill theme="bubble" readonly onChange={() => {
+          }} value={memory.front}/>
           <p/>
           {state.showBack ? (
             <div>
@@ -313,6 +322,7 @@ const TableList: React.FC<{}> = () => {
 
                 <Button
                   type="primary"
+                  disabled={btnDisable}
                   onClick={() => {
                     removeMemeory();
                     setState({step: Step.MAIN});