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>;
}