React Context API

https://react.vlpt.us/basic/22-context-dispatch.html 

실습중

 

Context API : 프로젝트 안에서 전역적으로 사용 할 수 있는 값 관리

 

기본 사용법

const UserDisPatch = React.createContext(null);

 

createContext 의 파라미터에는 Context 의 기본값을 설정할 수 있습니다. 여기서 설정하는 값은 Context 를 쓸 때 값을 따로 지정하지 않을 경우 사용되는 기본 값 입니다.

Context 를 만들면, Context 안에 Provider 라는 컴포넌트가 들어있는데 이 컴포넌트를 통하여 Context 의 값을 정할 수 있습니다. 이 컴포넌트를 사용할 때, value 라는 값을 설정해주면 됩니다.

 

<UserDispatch.Provider value={dispatch}>...</UserDispatch.Provider>

이렇게하면 provider에 의해서 어디든 Context값을 조회해서 사용 할 수 있다는데.. .일단 실습부터 해보자

 

실습으로 onToggle ,  onRemove등 함수를 Context API로 표시를 해봤는데 기존코드랑은 크게 다를거 없고 좀 더 간결해지고 가독성이 좋아졌다.(실습내용은 맨 상단 링크와 동일)

 

자주 쓰는 API가 되지 않을까...

 

나중에 개인적으로 클론코딩이나 플젝하거나 또 공부하면서 더 알아보는 걸로!