더북(TheBook)

그림 3-16 children 속성으로 받은 <p> 요소를 렌더링한 결과

children은 props 객체의 일부이므로 다른 속성과 함께 사용할 수 있습니다. 예를 들어, User 컴포넌트에 title이라는 속성을 추가로 전달해 봅시다.

src/App.tsx

import User from './components/User';

export default function App() {
  return (
    <>
      <User title='User Component'>
        <p>James</p>
        <p>20</p>
        <p>male</p>
      </User>
    </>
  );
}
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.