
그림 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>
</>
);
}