fix: useEffect用局部active变量替代mountedRef防竞态

2026-07-30 11:27:02 +08:00
parent a29a4c3f0a
commit c08d4bda9b
1 changed files with 9 additions and 6 deletions
@@ -20,20 +20,23 @@ export const useTtsPanel = ({ open, config, onChange, onClose }: UseTtsPanelOpti
  const [previewLoading, setPreviewLoading] = useState(false)
  const audioRef = useRef<HTMLAudioElement | null>(null)
  const mountedRef = useRef(true)
-
  /* ── 加载音色列表 ── */
  useEffect(() => {
    if (!open) return
-    mountedRef.current = true
+    let active = true
    setVoicesLoading(true)
    getTtsVoices()
-      .then((v) => setVoices(v))
-      .catch(() => message.error("加载音色列表失败"))
+      .then((v) => {
+        if (active) setVoices(v)
+      })
+      .catch(() => {
+        if (active) message.error("加载音色列表失败")
+      })
      .finally(() => {
-        if (mountedRef.current) setVoicesLoading(false)
+        if (active) setVoicesLoading(false)
      })
    return () => {
-      mountedRef.current = false
+      active = false
    }
  }, [open])