본문 바로가기

배치 1

[React] useState 동작 원리

useState의 동작 원리를 이해하면 개발을 하는데 도움이 될 것 같아서 useState 동작 원리를 정리해보았다. useState 동작 원리 useState는 상태를 변경하기 위해 setState를 호출하면, 호출 즉시 상태가 변경되지 않는다. 다시 말해서 비동기적(Asynchronous)으로 동작한다. 코드를 통해 자세히 살펴보자. 좋아요 버튼을 클릭하면 setLiked(liked + 1)을 두 번 호출하게 handleClick 함수를 구현했다. const App = () => { const [liked, setLiked] = useState(0); const handleClick = () => { setLiked(liked + 1); setLiked(liked + 1); }; return ( 좋아..

·
2022. 10. 24.
·
반응형