티스토리 뷰

React

React Hooks를 이용한 상태 관리

BambooSpear 2023. 1. 27. 16:53
728x90
반응형

React Hooks는 React v16.8부터 추가된 기능입니다. Hooks를 이용하면, 클래스 컴포넌트에서만 사용 가능하던 state와 lifecycle메서드를 함수형 컴포넌트에서도 사용 가능하게 해줍니다.

Hooks를 이용하면, useState를 이용하여 컴포넌트의 상태를 관리할 수 있고, useEffect를 이용하여 컴포넌트의 라이프사이클 메서드를 구현할 수 있습니다.

 

useState를 이용하면, 함수형 컴포넌트에서도 state를 관리할 수 있어 상태 관리가 용이해집니다. useEffect를 이용하면, 함수형 컴포넌트에서도 componentDidMount, componentDidUpdate, componentWillUnmount를 구현 할 수 있어 컴포넌트의 생명주기를 관리하는데 편리합니다.

 

또한, useContext를 이용하면, 컴포넌트 계층을 거치지 않고 전역 상태를 사용할 수 있어, 상태 관리가 용이합니다.

 
 
728x90
반응형
댓글

"이 블로그의 모든 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday