꺾이지 않는 마음

상위 컴포넌트에서 하위 컴포넌트에게 데이터를 전달할 때 props를 사용한다. 근데 만약 상위 컴포넌트가 별 내용 없이 하위 컴포넌트를 감싸는 태그이면 어떻게 해야할까? 예를 들어 위 예시에서 컴포넌트 같은 경우가 그러하다. 위 컴포넌트는 태그와 css 만을 갖고 내용물은 없는 컴포넌트이다. 다른 컴포넌트들을 감싸주면서 레이아웃을 잡아주는 역할을 하는 컴포넌트인데, 이런 경우 자식 컴포넌트의 content를 어떻게 전달받을 수 있을까? 그냥 저렇게 하위 컴포넌트들을 컴포넌트로 감싸주기만 하면 될까? 당연히 안된다. 개발자 도구를 열어 확인해보니 컴포넌트만 존재할 뿐 하위 컴포넌트들은 하나도 그 안에 랜더링되지 않는다. ❓ 을 통해 props로 전달해주면 되지 않나요? 맞다. 우리가 평소에 사용하는 pro..