디자인 패턴

React

Render Props 패턴 장단점 알아보기

Render Props 패턴은 JSX 엘리먼트를 props를 통해 컴포넌트에게 전달하는 방식으로 컴포넌트를 재사용 가능하게 할 수 있는 방법입니다.Render proprender prop은 컴포넌트 prop으로 JSX 엘리먼트를 리턴하는 함수를 전달합니다. 컴포넌트 자체는 아무 것도 렌더링하지 않지만 render prop 함수를 호출합니다. 은 render prop을 변경하며 재사용할 수 있습니다.const Title = props => props.render()// prop 이름이 꼭 render일 필요는 없다. ✨ First render prop! ✨} /> 🔥 Second render prop! 🔥} /> 🚀 Third render prop! 🚀} />render prop 함수를 호출할 때 ..

산본개발자
'디자인 패턴' 태그의 글 목록