[Code Camp 5주차] React HOC vs HOF

FE 08김우중·2022년 8월 22일
0

HOC

High Order Component(고차 컴포넌트)라고 하며 컴포넌트 로직을 재사용하기 위해 사용된다.
권한분기를 사용할 때 많이 사용되는데, 예를 들어 로그인을 하였을때만 보여지는 화면이 있을때 각 구문마다 넣어주는 대신 HOC를 사용하면 하나의 컴포넌트로 다양한 페이지에서 같은 기능을 구현할 수 있다.

HOF

High Order Function(고차 함수)라고 하며, 함수를 매개변수로 사용하거나 함수를 반환하는 함수를 말한다.

// 이런식으로 매개변수에 인자를 넘겨주는 방식으로 사용
const onClick = (message: string) => {
	alert(message)
}

대표적인 고차함수로는 map, filter, reduce, forEach 등 다양하게 있다

profile
새내기 개발자

0개의 댓글