ცვლადების და კონსტანტების ჩასმა თეგების ატრიბუტებში 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 მნიშვნელობა ჩვენი დივის id ატრიბუტში.