render props1 [UI Component] Design Patterns - Render Props Render Props - JSX 엘리먼트를 props를 통해 컴포넌트에게 전달함 - HOC와 같이 컴포넌트를 재사용하는 또 다른 방법 - prop을 받는 컴포넌트가 재사용성이 좋아짐 - render prop 함수를 호출할 때 인자를 전달할 수 있음 - 상태를 부모 컴포넌트로 올리기 - 규모가 큰 앱에서 컴포넌트가 여러 자식 컴포넌트를 가지고 있는 경우 까다로울 수 있음 - 상태의 변경은 모든 자식 컴포넌트의 리렌더링 유발 가능 - 앱의 전체적인 성능이 떨어질 수 있음 - render prop을 넘기는 대신 자식 컴포넌트를 함수로 넘길 수 있음 - 몇몇 상황에서 hooks로 대체될 수 있음 - 장점 - 몇몇 컴포넌트 간 데이터 공유가 간단함 - children prop을 활용하는 것으로 해당 컴포넌트 재.. 2023. 11. 6. 이전 1 다음 반응형