[React] 중복 공급자 개념 / 문제

중복 공급자란?

하나의 소비자가 두 개 이상의 공급자 데이터를 구독하는 것이다. 

이때 , 전달하는 데이터의 이름이 같다면 소비 자는 더 가까운 공급자의 데이터를 수신한다.

 

예)

두개의 상태(state1, state2)를 필요로 하는 소비자는 다음과 같이 배치된다.

<Provider>  //state1을 위한 공급자
  <Provider>  //state2를 위한 공급자
    <MyComponent />
  </Provider>
</Provider>

이와 같은 경우 state라는 키 이름이 중복되기 때문에 소비자는 가까운 state2에만 접근하게 된다.

 

중복 공급자 문제 해결법 : 커링함수 사용

키 이름을 인자로 받아 원하는 

 

하나의 소비자가 동시에 두 개의 컨텍스트 데이터에 접근할 때