[React] context Api

📌 context Api

사용법

ex)
const themeDefault = "red"
const themeContext = createContext(themeDefault) 

이후 전역적으로 컴포넌트에서 
useContext(themeContext);
로 "red" 를 참조 할 수 있다.

다만 이때에

<themeContext.Provider value{"green"} >

</ themeContext.Provider value{"green"} >

컴포넌트로 감싸진 컴포넌트들은
useContext(themeContext); 값을 참조할경우
"green" 으로 참조된다.

즉, useContext()으로 참조하는 context의 값은 Provider가 존재할 경우
"부모 컴포넌트의" (자신은 포함하지 않음) 가장 가까이 있는 Provider의 value값이 된다.