Inserarea variabilelor și constantelor în atributele tag-urilor în JSX

Inserarea variabilelor și constantelor se poate face nu doar în textul tag-urilor, ci și în atribute. În acest caz, ghilimelele pentru atribute nu se pun:

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

Rezultatul acestui cod va fi următorul:

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

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