개발하는 기획자. 기획하는 개발자.

Render Props란? 함수를 props로 전달하여, 렌더링할 내용을 호출자가 결정하는 패턴입니다. 타입 시그니처를 비교하면 차이가 명확합니다. 컴포넌트가 내부 상태를 관리하고, 함수 prop을 호출하면서 상태를 인자로 전달합니다. 호출자가 UI를 결정하는 제어의 역전(Inversion of Control)입니다. Toggle: HOC vs Render Props 직접 비교  HOC 방식 토글할 때마다 래퍼와 내부 컴포넌트 모두 렌더링됩니다.  Render Props 방식 콘솔에는 Toggle만 출력됩니다. HOC는 매번 새 컴포넌트를 만들어야 하지만, Render Props는 사용하는 곳에서 바로 렌더링을 결정합니다. children as Render Prop render prop 대신 children을 함수로 전달하.......

리액트 Render Props — 함수를 children으로 전달하여 동적 합성하기

댓글