[React] props 대신 context API 사용하기

하위 컴포넌트들이 props 없어도 부모의 값을 사용가능하다.

 

방법

1. React.createContext()

context 만들기

createContext는 같은 변수값을 공유할 범위를 생성해준다.

2. 같은 값을 공유할 HTML을 범위로 싸매기

<범위.Provider value={공유하고 싶은 데이터}>

3. useContext(범위이름)로 공유된 값 사용하기

 

간단한 데이터 전송은 간단한 props를 쓰고, 컴포넌트 안에 컴포넌트 안에 컴포넌트 .. 이런 경우에는 context가 도움될 수 있다.

다른 파일에 값을 공유하고 싶으면, export와 import를 사용한다.

 

Redux라는 라이브러리 : 모든 컴포넌트파일들이 같은 값을 공유할 수 있는 저장공간을 생성가능하다. + state 데이터 관리 기능