더북(TheBook)

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 속성은 여러 요소를 가질 수 없으므로 오류가 발생한다.

정답 확인

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.