Invoegen van variabelen en constanten in tag attributen in JSX

Het invoegen van variabelen en constanten kan niet alleen in de tekst van tags, maar ook in attributen. Hierbij worden geen aanhalingstekens voor de attributen geplaatst:

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

Het resultaat van deze code is als volgt:

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

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