일반 변수와 React state(심층)리액트2024. 8. 28. 10:20
Table of Contents
728x90
반응형
- React state :
상태는 useState를 통해 관리되며, 상태가 변경될 때마다 컴포넌트가 리렌더링 된다.
- 일반 변수 :
일반 변수는 컴포넌트가 렌더링될 때마다 초기화되며, 상태와 다르게 리렌더링 후에 이전 값을 기억하지 않는다.
react state를 의존성 배열에 넣으면,
useEffect는 의존성 배열에 명시된 값이 변경될 때마다 실행되므로,
해당 상태가 업데이트될 때만 useEffect가 실행된다.
하지만 이때 다시 상태를 업데이트하지 않는다면 무한 루프가 발생하지 않는다.
즉, 상태가 변경되면 useEffect가 실행되고, 상태가 변경되지 않는다면 다음 렌더링에서는 useEffect가 실행되지 않는다.
일반 변수를 의존성 배열에 넣으면,
컴포넌트가 다시 렌더링될 때마다 그 값이 새로 초기화되고, useEffect가 매번 실행된다.
=> 계속해서 상태 업데이트를 유발하면 무한 루프가 발생하게 된다.
728x90
반응형
'(심층)리액트' 카테고리의 다른 글
[개인 쇼핑몰 개발] ScrollRestoration (1) | 2023.08.20 |
---|---|
React) Youtube API를 이용하여 Youtube 만들기3 (0) | 2023.06.19 |
React) Youtube API를 이용하여 Youtube 만들기2 (0) | 2023.06.15 |
React) Youtube API를 이용하여 Youtube 만들기 (0) | 2023.05.25 |
리액트 심화과정 노션. (0) | 2023.05.09 |
@min' :: 개발을 하자
github : https://github.com/dnjfht
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!