fix DeckUploder

src/ui/BuildDeck/DeckSelect.tsx

@@ -6,7 +6,7 @@ import {
   UploadOutlined,
 } from "@ant-design/icons";
 import { App, Button, Dropdown, MenuProps, Upload, UploadProps } from "antd";
-import React, { useState } from "react";
+import React, { useRef, useState } from "react";
 import YGOProDeck from "ygopro-deck-encode";
 
 import { deckStore, IDeck } from "@/stores";
@@ -21,7 +21,7 @@ export const DeckSelect: React.FC<{
   onDownload: (deckName: string) => void;
   onAdd: () => void;
 }> = ({ decks, selected, onSelect, onDelete, onDownload, onAdd }) => {
-  const [newDeck, setNewDeck] = useState<IDeck | undefined>(undefined);
+  const newDeck = useRef<IDeck | null>(null);
   const { modal } = App.useApp();
   const showUploadModal = () => {
     const { destroy } = modal.info({
@@ -32,16 +32,15 @@ export const DeckSelect: React.FC<{
       content: (
         <DeckUploader
           onLoaded={(deck) => {
-            // 这里不生效，很奇怪
-            setNewDeck(deck);
+            newDeck.current = deck;
           }}
         />
       ),
       okText: "上传",
       onCancel: () => destroy(),
       onOk: async () => {
-        if (newDeck) {
-          await deckStore.add(newDeck);
+        if (newDeck.current) {
+          await deckStore.add(newDeck.current);
         }
       },
     });