목록useContext (1)

개발하는SM

[React] Context API 와 useContext Hook

서론 React Prop 을 사용하다 보면, 불필요한 Props Chain 이 발생하게 된다. 이러한 문제점을 해결하기 위해, Context API 를 활용할 수 있다. Context API 는 Provider 과 Consumer 를 통해 사용할 수 있으며, Consumer 는 useContext Hook 을 통해서도 사용할 수 있다. Context API 와 useContext Hook 을 활용하여 불필요한 Props Chain 을 제거하는 방법에 대해 정리하려고 한다. 불필요한 Props Chain 아래와 같은 간단한 가상의 쇼핑 앱을 예로 들어보겠다. 메인 컴포넌트인 App 이 있고, 하위에 아래와 같은 섹션들이 각각의 컴포넌트로 존재한다. 로그인을 담당하는 Auth 섹션 상품 정보를 보여주는 Sh..
Web/Front-End 2023. 3. 20. 22:14
이전 Prev 1 Next 다음