开发模式下 两次调用 useEffect warning的原因。

[JacopoWW]

qwerty-learner/src/pages/Typing/components/WordPanel/components/Word/index.tsx

Line 227 in fafb553

dispatch({ type: TypingStateActionType.REPORT_WRONG_WORD, payload: { letterMistake: currentState.letterMistake } })

这里的dispath在setState回调函数中才被调用，导致在dispatch后，组件已经被销毁。

解决方案，直接在useEffect内调用dispatch

} else {
      // 出错时
      playBeepSound()
      const letterMistake = structuredClone(wordState.letterMistake )
      if (letterMistake[inputLength - 1]) {
        letterMistake[inputLength - 1].push(inputChar)
      } else {
        letterMistake[inputLength - 1] = [inputChar]
      }
      dispatch({ type: TypingStateActionType.REPORT_WRONG_WORD, payload: { letterMistake } })
      setWordState((state) => {
        state.letterStates[inputLength - 1] = 'wrong'
        state.hasWrong = true
        state.hasMadeInputWrong = true
        state.wrongCount += 1
        state.letterTimeArray = []
      })

      if (currentChapter === 0 && state.chapterData.index === 0 && wordState.wrongCount >= 3) {
        setShowTipAlert(true)
      }
    }