• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

이게 왜 안될까요? 변수가 안먹어요

23.08.17 18:59 작성 23.08.17 19:00 수정 조회수 212

0

import React from "react";

function Book(props) {
  return (
    <div>
      <h1>{'이 책의 이름은 ${props.name}입니다'}</h1>
      <h2>{'이 책은 총 ${props.numOfPage} 페이지로 이뤄져 있습니다.'}</h2>
    </div>
  );
}

export default Book;

답변 1

답변을 작성해보세요.

0

안녕하세요, 소플입니다.

해당 부분은 JavaScript의 Template literals를 사용하기 때문에,

따옴표(')가 아닌 역따옴표(`)로 묶어주어야 합니다.

Template literals에 대한 더 자세한 설명은 아래 링크를 참고하기 바랍니다!

https://www.frontoverflow.com/question/9/JavaScript%20Template%20literals%20%EC%82%AC%EC%9A%A9%20%EB%B0%A9%EB%B2%95

 

감사합니다.