JSX에서 태그 속성에 변수와 상수 삽입하기
변수와 상수 삽입은 태그의 텍스트뿐만 아니라 속성에서도 할 수 있습니다. 이때 속성의 따옴표는 사용하지 않습니다:
function App() {
const str = 'elem';
return <div id={str}>
text
</div>;
}
이 코드의 실행 결과는 다음과 같습니다:
<div id="elem">
text
</div>
다음 코드가 주어졌습니다:
function App() {
const attr = 'block';
return <div>
text
</div>;
}
상수 attr의 값을
div 태그의 id 속성에 삽입하세요.