본문 바로가기

useState

(1)

useState의 비동기성 이번 글에서는 useState가 비동기적으로 동작하는 원리와 올바른 사용 패턴에 대해 다뤄보겠습니다. 먼저 비동기적이라는 것은 setState를 호출한 직후에 상태가 즉시 반영되지 않음을 의미합니다.const [count, setCount] = useState(0);const handleClick = () => { setCount(count + 1); console.log(count); // 여전히 setCount 이전 값인 0이 출력됨}; 위 코드에서 handleClick을 호출하면 setCount(count + 1)이 실행되지만, console.log(count)는 여전히 이전 값인 0을 출력합니다. useState가 비동기적으로 동작하는 원리이러한 비동기성이 발생하는 이유는 렌더링 성능을 최적..

이전 1 다음

티스토리툴바