[React] UseContext (vs Props)

기능 : 리액트 컴포넌트 트리 전역에, props를 사용하지 않고도 데이터를 공급 가능

 

사용 이유 : Props Drilling 문제를 해결하기 위해

 

사용 방법

-리듀서/슬라이스 사용시, store에 provider 주입했던 것처럼

 

예제1

※단, 다른 파일에서 넘겨준 value를 사용할거라면, 만든 Countcontext를 export해야 함

 

유의점

※단, context는 반드시 컴포넌트 밖에서 생성해야 함 (안에서 생성시 : 컴포넌트가 리랜더링될 때마다 context를 새롭게 생성해서, 원하는대로 동작 x)