리액트 상속1 구성 (composition) vs 상속 (inheritance) React는 강력한 구성 모델을 가지고 있으며 상속 대신 구성을 사용하여 컴포넌트 사이의 코드를 재활용하는 걸 권장합니다. 이 섹션에서는 React를 새로 접한 개발자들이 상속을 대할 때 겪는 몇가지 문제점에 대한 고려사항과 구성으로 어떻게 해결했는 지 보여줍니다. 방지 (Containment) 일부 컴포넌트는 자식을 미리 알 수 없습니다. 이는 일반적으로 “박스”로 나타나는 Sidebar나 Dialog같은 컴포넌트에서 특히 일반적입니다. 이러한 컴포넌트는 특수한 children prop을 사용하여 자식 요소를 출력에 직접 전달하는 것이 좋습니다. function FancyBorder(props) { return ( {props.children} ); } 이렇게 하면 JSX를 중첩하여 다른 컴포넌트가 임.. 2021. 2. 2. 이전 1 다음
