瀏覽代碼

尝试修复显示异常的问题

tianyunperfect 4 年之前
父節點
當前提交
bc080b61a3
共有 2 個文件被更改,包括 8 次插入3 次删除
  1. 2 0
      src/pages/Memory/components/MyQuill.tsx
  2. 6 3
      src/pages/Memory/index.tsx

+ 2 - 0
src/pages/Memory/components/MyQuill.tsx

@@ -37,7 +37,9 @@ const MyQuill: React.FC<Props> = (props) => {
   useEffect(()=>{
     let images = document.querySelectorAll(".ql-container img");
     for (let i = 0; i < images.length; i++) {
+      // @ts-ignore
       let url = images[i].src;
+      // @ts-ignore
       images[i].ondblclick = function () {
         window.open(url);
       };

+ 6 - 3
src/pages/Memory/index.tsx

@@ -29,6 +29,7 @@ const practice = "practice";
 const TableList: React.FC<{}> = () => {
   const [btnDisable, setBtnDisable] = useState(false);
   const [showMore, setShowMore] = useState(false);
+  const [refresh, setRefresh] = useState(true);
 
   const [backPractice, setBackPractice] = useState("");
   let counting = false;
@@ -211,6 +212,9 @@ const TableList: React.FC<{}> = () => {
     // 隐藏更多按钮
     setShowMore(false);
     setBackPractice("")
+
+    setRefresh(false);
+    setRefresh(true);
   }, [memory.front]);
 
   return (
@@ -241,12 +245,11 @@ const TableList: React.FC<{}> = () => {
         </div>
       ) : null}
 
-      {state.step === Step.MEMORY ? (
+      {state.step === Step.MEMORY && refresh ? (
         <div>
           正面:
           <p/>
-          <MyQuill theme="bubble" readonly onChange={() => {
-          }} value={memory.front}/>
+          <MyQuill theme="bubble" readonly onChange={() => {}} value={memory.front}/>
           <p/>
           {state.showBack ? (
             <div>