JSX 다중 요소 반환 오류

다음 컴포넌트가 문법 에러를 발생시킵니다. 버그를 찾으세요:

JSX

function UserInfo() {
  return (
    <h1>이름: 홍길동</h1>
    <p>나이: 25</p>
  );
}

답변

h1과 p 태그를 함께 사용할 수 없음 return 뒤에 괄호를 쓰면 안 됨 function 대신 const 화살표 함수를 써야 함 JSX에서 여러 요소를 반환하려면 하나의 부모 요소로 감싸야 함

로그인 후 제출하기