리액트디자인패턴 (1) 썸네일형 리스트형 [React Design] HOC Pattern 고차 컴포넌트 패턴 1. 고차 컴포넌트 정의 자바스크립트는 함수형 프로그래밍이 특징인 언어입니다.그 중에서 함수를 값처럼 인자를 받아 함수를 리턴하는 함수를 고차 함수라고 합니다. 고차 컴포넌트( HOC )도 이와 비슷한 개념 입니다.단지 컴포넌트를 인자로 받아 새로운 컴포넌트를 리턴하는 차이가 있다고 보시면 됩니다. 그리고 이 리턴하는 새로운 컴포넌트는고차 컴포넌트의 기능을 래핑하여 기능 + 인자 컴포넌트를 반환하는 차이가 있을 뿐입니다. function withStyles(Component) { return props => { const style = { padding: '0.2rem', margin: '1rem' } return }}const Button = () = Click me!const Text.. 이전 1 다음
