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 में डालें।