• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

(실습)댓글 컴포넌트 만들기 강의에서 props 관련 질문

23.03.16 15:39 작성 조회수 606

0

<Comment name={"이인제"} comment={"안녕하세요, 스필입니다."}/>

 

이렇게 전달하는데

 

{}을 쓰거나 쓰지않거나 정상적으로 포트 화면에

 

출력이 되는데

 

둘의 차이가 무엇인지 궁금합니다.

답변 1

답변을 작성해보세요.

0

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

JSX에서 중괄호를 사용하면 자바스크립트의 변수 또는 함수를 넣을 수 있습니다.

그리고 중괄호를 사용하지 않으면 문자열만 넣을 수 있습니다.

예제 코드에서는 전부 문자열이기 때문에 중괄호를 쓰든 안 쓰든 결과는 동일하게 나옵니다.

만약 아래와 같이 변수를 넣고 싶은 경우에는 중괄호를 사용하셔야 합니다.

<Comment name={userName} comment={userComment} />

감사합니다!