15. 다음 코드를 실행한 결과로 알맞은 것은 무엇인가요?
function User({ children }: { children: React.ReactNode }) {
return <div>{children}</div>;
}
export default function App() {
return (
<User>
<p>안녕하세요!</p>
<p>리액트를 공부 중입니다.</p>
</User>
);
}
① props.children은 배열이므로 타입 오류가 발생한다.
② <p>안녕하세요!</p><p>리액트를 공부 중입니다.</p>가 렌더링된다.
③ <p>리액트를 공부 중입니다.</p>만 <div> 안에 렌더링된다.
④ children 속성은 여러 요소를 가질 수 없으므로 오류가 발생한다.