props 구조분해 누락 - 코딩 테스트

name prop을 전달했는데 화면에 아무것도 표시되지 않습니다. 버그를 찾으세요:

JSX

function Greeting(name) {
  return <h1>안녕하세요, {name}님!</h1>;
}

function App() {
  return <Greeting name="홍길동" />;
}

답변

Greeting 컴포넌트를 export하지 않아서 사용할 수 없음 함수 매개변수에서 props를 구조분해하지 않아 name이 props 객체 자체가 됨 JSX에서 문자열 prop은 중괄호로 감싸야 함 h1 태그 안에서 중괄호를 쓸 수 없음

로그인 후 제출하기