새 React 컨텍스트 API 사용 방법


React 컨텍스트 API는react16.3에서 사용할 수 있으므로 사용합니다.
컨텍스트 API.
상하문 API는 모든 구성 요소에 도구를 사용하지 않고 데이터를 구성 요소에 전달할 수 있도록 도와줍니다.
우리의 계수기 응용 프로그램에서 우리는 단지 한 단계만 통과할 수 있다.그럼,createreact 앱으로react 응용 프로그램을 설치합시다
npm install -g create-react-app
create-react-app newContext
cd newContext
npm start  //to start dev server
지금 코드 편집기로 엽니다.
새 파일 컨텍스트를 만듭니다.js에 다음 코드를 추가합니다.

위의 코드에서 먼저 라이브러리에서React


7번째 줄에서 우리는createContext 방법으로 상하문을 만들고 초기 상태를 전달했다


아래 코드에서 우리는 우선props 전달값을 사용합니다





현재, 우리는 그것을 계수기 구성 요소에서 도구를 사용하지 않고 상하문 API로 바꿉니다


우선 컨텍스트에서 NumberContext를 가져와야 합니다.js 파일





위의 39줄에서 코드는 먼저 우리에게 NumberContext 패키지 계수기 구성 요소를 사용하여 구성 요소에 값을 제공한다는 것을 알려 줍니다.공급업체


현재, 우리는 소비자 포장기를 사용하여 계수기 부품에서 그것을 사용할 수 있습니다


이 모든 것은react 문서에 표시되며, 상하문은react 구성 요소 트리의 "전역"데이터를 공유하기 위한 것입니다


Code repository


서명-->Best laptops for programming students

좋은 웹페이지 즐겨찾기