함수내부, 함수외부, useState, useRef 변수들 특징

다음 네 가지 가능한 변형 사이에는 차이가 있습니다. 함수 구성 요소 내부의 변수 함수 구성 요소 외부의 변수 useState()에서 반환된 상태 변수입니다. useRef()에서 반환한 변수(속성이 'current'인 개체) 마지막 두 개는 구성 요소 내에서만 사용할 수 있습니다. 각각의 경우를 예로 들어봅시다. 1. 함수 성분 내 변수 초기화: 변수는 항상 모든 렌더에서 그리고 결과적으로 여러 구성 요소 인스턴스에서 다시 초기화됩니다. 변수 업데이트: const를 제외하고 업데이트 가능 렌더: React에 의해 트리거된 렌더가 없으므로 업데이트된 값이 반영되지 않습니다. 2. 함수 성분 외부의 변수 초기화: 변수는 파일이 로드된 경우에만 초기화됩니다. 그리고 파일에서 내보내기를 사용하는 구성 요소의 수에 관계없이 파일이 한 번만 로드됩니다. 이것이 useRef()를 사용하는 것과 비교했을 때의 주요 차이점입니다. 구성 요소 인스턴스화가 하나만 있으면 useRef()와 같습니다. 변...

원문링크 : 함수내부, 함수외부, useState, useRef 변수들 특징