React의 contextType은 무엇입니까?

이전 블로그에서는 상태 관리에 사용할 컨텍스트 API 객체를 작성하고 구현하는 방법에 대해 설명했습니다.이 블로그는 또 다른 우아한 언어 사용 환경에 관한 방식이다.

contextType이란 무엇입니까?

React 16.6은 클래스 기반 구성 요소에 새로운 기능을 도입했습니다. Context.Consumer 구성 요소가 없는 상황에서 상하문에 접근할 수 있습니다.더 잘 이해하기 위해 어떻게 사용하는지 기억하자 Consumer:

새로운 방법을 사용하기 위해서, 우리는 클래스의 맨 위에 contextType이라는 정적 속성을 설명하고, 이를 전체 사용자 상하문과 동일하게 설정합니다.

static contextType = MyContext;

이것은 반드시 이렇게 작성해야 한다. - contextType - 그리고 반드시 정적이어야 한다. (정적은 이러한 실례화된 대상을 먼저 기반으로 하지 않고 외부에서 이 속성에 접근할 수 있다는 것을 의미한다.)
이것은 React가 자동으로 클래스 구성 요소를 상하문에 연결하고 새로운 속성 - this.context 속성을 제공할 수 있도록 합니다. 예를 들어 우리는 그것을 기록할 수 있습니다.

console.log(this.context.authenticated);

현재 우리는 이전에 접근할 수 없었던 곳에서 상하문에 접근할 수 있다. 물론, 우리는 render() 함수에서 그것을 접근할 수 있다.

이 속성은 class-based 구성 요소에서만 사용할 수 있습니다. 더 짧고 쉬우며 상하문에 접근할 수 있기 때문에 사용하는 것을 권장합니다.
다음 블로그에서 context.Consumer 구성 요소에서 피하기 functional 에 대해 논의할 것입니다. 계속 확인하십시오.)
만약 네가 나의 블로그를 즐겨 본다면, 너는 buy me coffee!:)