타사 라이브러리에서 상태 설정기를 호출할 때 상태 재설정을 방지하는 방법

Question

React 클래스 컴포넌트를 React 함수 컴포넌트로 변환하려고 합니다.

컴포넌트 내부와 외부에서 모두 호출할 수 있는 onChange 함수가 있습니다. useState 후크는 함수 구성 요소 함수가 호출될 때 초기 값을 가져옵니다. 이전 클래스 구성 요소 방식을 사용하면 모든 것이 잘 작동합니다. 왜 이런 일이 발생하며 어떻게 해결합니까?

으으으으

Answer 1

문제는 onChange 是一个过时的闭包。您需要做的是使 onChange다음과 같습니다:

으아악

또는 종속성 배열에 test 添加到 useEffect를 넣을 수 있지만 반드시 정리하세요. (어쨌든 이렇게 해야 하지만 지금이 더 중요합니다)

으아악

기술적으로 후자의 방법을 사용한다면 useCallback

으아악

이것의 장점은 이제 닫힌 onChange 的依赖项。 onChange의 종속성 목록을 다른 위치에서 추적할 필요가 없다는 것입니다.