JSX에서 태그 속성에 변수와 상수 삽입하기

변수와 상수 삽입은 태그의 텍스트뿐만 아니라 속성에서도 할 수 있습니다. 이때 속성의 따옴표는 사용하지 않습니다:

jsxfunction App() {
  const str = 'elem';
  
  return <div id={str}>
    text
  </div>;
}

이 코드의 실행 결과는 다음과 같습니다:

html<div id="elem">
  text
</div>

jsxfunction App() {
  const attr = 'block';
  
  return <div>
    text
  </div>;
}