HOC(Higher-order Component)는 컴포넌트의 재사용을 용이하게 한다는 점에서 React의 고급 사용 방법입니다. HOC 자체는 React API가 아니라, 컴포넌트를 매개변수로 받아서 향상된 컴포넌트를 반환하는 메서드라는 점을 강조해야 합니다.
요약하면 HOC는 다음을 달성할 수 있습니다.
1. 코드 재사용, 코드 모듈화
2. 렌더링 하이재킹, 작동 상태
< p>3 . Props 추가, 삭제 및 수정HOC 구현 방법:
이 섹션에서는 React에서 고차 구성 요소를 구현하는 두 가지 주요 방법인 속성 프록시(Property Proxy)를 배웁니다. 및 역상속(상속 반전).
역상속 방법 기반(상속 반전, 약어 II)
역상속 구현은 다음과 같습니다.
반환된 상위 구성 요소 클래스( 강화됨) WrappedComponent에서 상속됩니다. WrappedComponent가 Enhancer를 상속하는 대신 WrappedComponent가 Enhancer를 수동적으로 상속하기 때문에 이를 역상속이라고 합니다. ?
역상속을 사용하면 고차 구성 요소가 this 키워드를 통해 WrappedComponent를 얻을 수 있습니다. 즉, 상태, 소품, 구성 요소 수명 주기(구성 요소 수명 주기) 후크 및 렌더링 메서드(렌더링)를 얻을 수 있습니다.