
[React] 리액트 상태 관리: 함수형 업데이트에 대한 정리
FrontEnd/React
2024. 4. 13. 15:18
리액트에서 상태를 관리하기 위해 useState나 useReducer나 이것 저것 쓰는데..이때 어떻게 상태 업데이트 함수를 사용하냐에 따라 결과가 달라진다.. 함수형 업데이트 기본문법 ## 기본문법 setNumber((상태) => 상태 업데이트 로직); ## 샘플 setNumber((number) => number + 1); 함수형 업데이트란? 함수형 업데이트(Functional Update)는 React에서 상태를 업데이트하는 데 사용되는 패턴 중 하나입니다. 이 패턴을 사용하면 이전 상태에 의존하여 새로운 상태를 계산할 수 있습니다. 주로 useState 훅이나 클래스형 컴포넌트의 setState 메서드에서 사용됩니다. 함수형 업데이트를 사용하는 이유??? 다들 알다시피, 리액트에서의 훅은 비동기적..