[13일차] 리액트 HOC

HOC ?

Higher-Order-Component 고차컴포넌트라 부른다.
고차컴포넌트는 컴포넌트 로직을 재사용하기위해서 사용된다.
컴포넌트를 가져와서 새컴포넌트를 반환하는 함수이다.

주의사항

render 메서드 안에서 고차 컴포넌트를 사용하면안된다.
정적 메서드는 따로 복사해야된다.
ref는 전달되지않는다.

참고자료
https://velopert.com/3537
https://jeonghwan-kim.github.io/2022/05/28/react-high-order-component

Controlled Component

엘리먼트를 가지고있는 컴포넌트가 관리함
대표적으로

 <input> <select> <textarea> 

등이있다.

Uncontrolled Component

엘리먼트의 상태를 관리하지않고 , 엘리먼트의 참조만 컴포넌트가 소유

 

참고자료

https://reactjs.org/docs/uncontrolled-components.html

Uncontrolled Components – React

https://dori-coding.tistory.com/entry/React-%EC%A0%9C%EC%96%B4-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8Controlled-Component%EC%99%80-%EB%B9%84%EC%A0%9C%EC%96%B4-%EC%BB%B4%ED%8F%AC%EB%84%8C%ED%8A%B8Uncontrolled-Component

[React] 제어 컴포넌트(Controlled Component)와 비제어 컴포넌트(Uncontrolled Component)