react hook

skj1211·2022년 6월 20일
0

useState

단순한 하나의 상태를 관리하기 적합
const [state, setState]=useState(초기값)
state 가 바뀌면 state를 사용하는 컴포넌트를 리렌더 함

useRef

상태가 바뀌어도 리렌더링 하지 않는 상태를 정의
리렌더링을 최소화하는 상태 관리에 사용

useContext

컴포넌트와 컴포넌트 간에 상태를 공유할 때 사용
부분적인 컴포넌트들의 상태 관리, 전체 앱의 상태 관리를 모두 구현
context value가 바뀌면 내부 컴포넌트는 모두 리렌더 한다.

useReducer

useState보다 복잡한 상태를 다룰 때 사용
const [state, dispatch]=useReducer(reducer,initState)
nested state등 복잡한 여러 개의 상태를 한꺼번에 관리
상태가 복잡하면 useState에 관한 callback를 주는 것 보다 dispatch를 prop로 내려 리렌더링 최적화 하는 것이 좋다.

0개의 댓글