Reactjs에서 라우터로 여러 컨텍스트 공급자를 래핑하는 방법

승리

내 앱에 여러 공급자를 추가하려고합니다. 하지만 작동하지 않습니다. 여기에있는 앱 https://codesandbox.io/s/multiple-providers-ohpcl?file=/src/App.js 감사합니다.

라 메쉬 레디

자식을 사용하지 않고 중첩 된 JSX가 children속성 과 함께 소품과 함께 전송 됩니다. 공급자 구성 요소에서 반환 된 JSX에 수신 된 자식을 추가합니다.

const AboutProvider = (props) => {
  return (
    <AboutContext.Provider
      value={{ value: "welcome to about page" }}
    >{props.children}</AboutContext.Provider>
  );
};

const HomeContext = createContext();
const HomeProvider = (props) => {
  return (
    <HomeContext.Provider
      value={{ value: "This is home page" }}
    >{props.children}</HomeContext.Provider>
  );
};

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

ReactNative에서 여러 컨텍스트 공급자를 사용하는 더 나은 방법

분류에서Dev

기능적 구성 요소를 사용하여 컨텍스트 공급자와 라우터를 별도로 렌더링하는 방법은 무엇입니까?

분류에서Dev

미리 구성된 너비로 여러 줄 텍스트 상자 (웹 컨트롤)의 출력 텍스트를 래핑하는 방법은 무엇입니까?

분류에서Dev

Backbone에서 여러 라우터 및 컨트롤러를 설정하는 방법.

분류에서Dev

뷰에서 여러 모델 / 컨텍스트 (ID로 라우팅)를 사용하는 방법은 무엇입니까?

분류에서Dev

컨트롤러에서 서비스 공급자를 확인하는 방법은 무엇입니까?

분류에서Dev

외부 공급자와 저지 테스트를위한 컨텍스트 경로를 지정하는 방법

분류에서Dev

로컬 저장소, 반응 후크 및 컨텍스트 공급자를 사용하여 상태를 유지하는 방법

분류에서Dev

컨텍스트 API를 사용하여 자식에서 부모로, onClick이 여러 번 호출됩니다-ReactJs

분류에서Dev

반응 후크를 사용하여 컨텍스트 공급자에 여러 상태 추가

분류에서Dev

WPF-바인딩에 여러 데이터 컨텍스트를 사용하는 방법

분류에서Dev

Spring MVC에서 컨트롤러에서 컨텍스트 경로를 얻는 방법

분류에서Dev

render ()에 여러 컨텍스트 요소를 포함하는 방법

분류에서Dev

사용자 지정 인증 공급자에서 컨트롤러로 사용자 지정 개체를 전달하는 방법은 무엇입니까?

분류에서Dev

다른 페이지 (컨텍스트)를 통해 streambuilder에서 제공자 데이터를 공유하는 방법

분류에서Dev

템플릿 도우미에서 Iron 라우터 데이터 컨텍스트를 가져 오는 방법

분류에서Dev

여러 인터넷 공급자가있는 라우터로서의 Linux

분류에서Dev

로컬 라우터에서 여러 포트를 여는 Teredo

분류에서Dev

공용 정적 문자열 메서드를 사용하여 컨텍스트를 공용 클래스에 전달하는 방법

분류에서Dev

공유 라이브러리에서 WCF 클라이언트를 래핑하는 방법

분류에서Dev

NA를 1로 취급하여 숫자로 Excel에서 NA (텍스트 NA) 값을 합산하는 방법

분류에서Dev

NestJS 컨트롤러에서 요청 범위 공급자를 삽입하는 방법은 무엇입니까?

분류에서Dev

MaterialApp 컨텍스트에 액세스하여 모든 페이지를 플러터로들을 수있는 BlocListener를 만드는 방법은 무엇입니까?

분류에서Dev

c # asp.net의 컨트롤러에서 .cshtml의 범위로 텍스트를 반환하는 방법

분류에서Dev

노틸러스의 컨텍스트 메뉴에 "여기에서 터미널 열기"를 추가하는 방법은 무엇입니까?

분류에서Dev

노틸러스의 컨텍스트 메뉴에 "여기에서 터미널 열기"를 추가하는 방법은 무엇입니까?

분류에서Dev

Haskell에서 Monad 클래스로 작업하는 여러 생성자 인수에 함수를 매핑하는 방법은 무엇입니까?

분류에서Dev

Entity Framework 모델이 전용 클래스 라이브러리에있을 때 C # 응용 프로그램에서 연결 문자열 및 데이터베이스 공급자를 정의하는 방법은 무엇입니까?

분류에서Dev

Java 클래스에서 "공개 문자열 이름 (컨텍스트 컨텍스트)"을 호출하는 방법

Related 관련 기사

  1. 1

    ReactNative에서 여러 컨텍스트 공급자를 사용하는 더 나은 방법

  2. 2

    기능적 구성 요소를 사용하여 컨텍스트 공급자와 라우터를 별도로 렌더링하는 방법은 무엇입니까?

  3. 3

    미리 구성된 너비로 여러 줄 텍스트 상자 (웹 컨트롤)의 출력 텍스트를 래핑하는 방법은 무엇입니까?

  4. 4

    Backbone에서 여러 라우터 및 컨트롤러를 설정하는 방법.

  5. 5

    뷰에서 여러 모델 / 컨텍스트 (ID로 라우팅)를 사용하는 방법은 무엇입니까?

  6. 6

    컨트롤러에서 서비스 공급자를 확인하는 방법은 무엇입니까?

  7. 7

    외부 공급자와 저지 테스트를위한 컨텍스트 경로를 지정하는 방법

  8. 8

    로컬 저장소, 반응 후크 및 컨텍스트 공급자를 사용하여 상태를 유지하는 방법

  9. 9

    컨텍스트 API를 사용하여 자식에서 부모로, onClick이 여러 번 호출됩니다-ReactJs

  10. 10

    반응 후크를 사용하여 컨텍스트 공급자에 여러 상태 추가

  11. 11

    WPF-바인딩에 여러 데이터 컨텍스트를 사용하는 방법

  12. 12

    Spring MVC에서 컨트롤러에서 컨텍스트 경로를 얻는 방법

  13. 13

    render ()에 여러 컨텍스트 요소를 포함하는 방법

  14. 14

    사용자 지정 인증 공급자에서 컨트롤러로 사용자 지정 개체를 전달하는 방법은 무엇입니까?

  15. 15

    다른 페이지 (컨텍스트)를 통해 streambuilder에서 제공자 데이터를 공유하는 방법

  16. 16

    템플릿 도우미에서 Iron 라우터 데이터 컨텍스트를 가져 오는 방법

  17. 17

    여러 인터넷 공급자가있는 라우터로서의 Linux

  18. 18

    로컬 라우터에서 여러 포트를 여는 Teredo

  19. 19

    공용 정적 문자열 메서드를 사용하여 컨텍스트를 공용 클래스에 전달하는 방법

  20. 20

    공유 라이브러리에서 WCF 클라이언트를 래핑하는 방법

  21. 21

    NA를 1로 취급하여 숫자로 Excel에서 NA (텍스트 NA) 값을 합산하는 방법

  22. 22

    NestJS 컨트롤러에서 요청 범위 공급자를 삽입하는 방법은 무엇입니까?

  23. 23

    MaterialApp 컨텍스트에 액세스하여 모든 페이지를 플러터로들을 수있는 BlocListener를 만드는 방법은 무엇입니까?

  24. 24

    c # asp.net의 컨트롤러에서 .cshtml의 범위로 텍스트를 반환하는 방법

  25. 25

    노틸러스의 컨텍스트 메뉴에 "여기에서 터미널 열기"를 추가하는 방법은 무엇입니까?

  26. 26

    노틸러스의 컨텍스트 메뉴에 "여기에서 터미널 열기"를 추가하는 방법은 무엇입니까?

  27. 27

    Haskell에서 Monad 클래스로 작업하는 여러 생성자 인수에 함수를 매핑하는 방법은 무엇입니까?

  28. 28

    Entity Framework 모델이 전용 클래스 라이브러리에있을 때 C # 응용 프로그램에서 연결 문자열 및 데이터베이스 공급자를 정의하는 방법은 무엇입니까?

  29. 29

    Java 클래스에서 "공개 문자열 이름 (컨텍스트 컨텍스트)"을 호출하는 방법

뜨겁다태그

보관