Provider2 React(28) 리액트 훅 useContext 란 useContext 란 context 를 사용할 때, (즉 할머니 컴포넌트가 특정 손주 컴포넌트 한테만 다이렉트로 데이터(용돈)를 쏴주려고 할 때) 그 귀여운 손주는 useContext 라는 훅을 사용해서 할머니의 데이터(용돈)를 받아 사용할 수 있다. (할머니땡큐) ** Context 와 Context API 의 자세한 기본 개념은 아래 포스팅을 참고해주세요. React(26) 리액트 훅 Context API 란 Context API를 사용하는 이유 React 에서 일반적인 값을 전달하는 방법은 하향식(부모→자식)으로 전달해야한다. 보통 상위에서 → 하위컴포넌트로 속성값을 전달하는데 상위 → 하위 → 하위 → .... devbirdfeet.tistory.com Grandmama.js - createCo.. 2021. 5. 7. React(26) 리액트 훅 Context API 란 Updated 2021/05/07 Context API를 사용하는 이유 React 에서 일반적인 값을 전달하는 방법은 하향식(부모→자식)으로 전달해야한다. 보통 상위에서 → 하위컴포넌트로 props를 통해 속성값을 전달하는데 상위 → 하위 → 하위 → .... → 하위 처럼 많은 수의 컴포넌트를 거쳐 전달하게 되면 코드를 계속 하위로 toss 해줘야 한다. 이 방식은 Level이 깊어질수록 불편함을 야기한다. 이때 Context API를 이용하면 상위 컴포넌트에서 직접 하위 컴포넌트로 데이터를 전달할 수 있다. 중간에 있는 컴포넌트는 콘텍스트 데이터의 존재를 몰라도 되므로 속성값을 반복해서 내려주던 문제가 사라진다. 1. 선언하기 createContext 함수를 호출하면 콘텍스트 객체가 생성된다. 괄호 .. 2021. 3. 8. 이전 1 다음 반응형
