https://parkjaeho.tistory.com/107
React Callback Function - (컴포넌트 통신)
부모컴포넌트에서 함수를 만들고 하위컴포넌트의 props 로 넣어준다 . 하위컴포넌트에서 부모컴포넌트의 함수를 호출한다. Contacts.jsx 에서 콜백함수(A)를 만들었다고 가정해보자, A함수는 제일 하
parkjaeho.tistory.com
컴포넌트끼리 통신을 할 경우 데이터를 전달->전달->전달 번거로움이 있다.
context를 이용하면 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있습니다.
Context의 주된 사용 목적은 "중첩 된" 하위 컴포넌트(들)에 데이터를 공유하는 것.
Context를 사용하면 컴포넌트 재사용이 어려우므로 꼭 필요한 경우에만 사용하자.
defaultValue 매개변수는 트리 안에서 적절한 Provider를 찾지 못했을 때만 쓰이는 값.
Context.Consumer의 자식은 함수여야합니다.
이 함수는 context의 현재값(value)을 받고 React 노드를 반환 합니다.
https://ko.reactjs.org/docs/context.html#reactcreatecontext
Context – React
A JavaScript library for building user interfaces
ko.reactjs.org
개별 컴포넌트에 적용 하는법
'React' 카테고리의 다른 글
| useReducer( ) (0) | 2021.07.08 |
|---|---|
| deps에 관하여,useEffect( ),useMemo(),useCallback(),useState( ), (0) | 2021.07.07 |
| React Event (0) | 2021.07.02 |
| React state (0) | 2021.07.02 |
| React component (0) | 2021.07.01 |
