[React] useContext()

useContext()를 사용하면 

ex). GrandFather → Context(중앙 관리소) → Child 순서로 전달가능 

• context API 필수 개념
  • createContext : context 생성
  • Consumer : context 변화 감지
  • Provider : context 전달(to 하위 컴포넌트)
    
    

 

주의해야 할 사항

• 렌더링 문제이후에 배우게 될 메모이제이션이 중요
• useContext를 사용할 때, Provider에서 제공한 value가 달라진다면 useContext를 사용하고 있는 모든 컴포넌트가 리렌더링 됩니다. 따라서 value 부분을 항상 신경써줘야 합니다!