반응형
리액트 유즈리듀서
-
컴포넌트(5) 리액트 훅(react hook)사용 - useReducerReact 리액트 2023. 9. 7. 11:18
1. useReducer 훅이란? - useReducer은 상태를 관리하고 업데이트하는 훅인 useState를 대체할 수 있는 함수이다. - 한 컴포넌트 내에서 State를 업데이트하는 로직 부분을 그 컴포넌트로부터 분리시키는 것이 가능하여 코드의 최적화 할 수 있다. 기본형 const [state, dispatch] = useReducer(reducer, initialState); state : 현재 상태 dispatch : action을 발생시키는 함수 reducer : state와 action를 받아 새로운 state를 반환하는 함수 initialState : 초기값 같은 로직을 각각 useState훅과 useReducer를 사용하여 비교해보는게 이해가 빠르다. App.js import Counte..