Inserimento di variabili e costanti negli attributi dei tag in JSX

L'inserimento di variabili e costanti può essere effettuato non solo nei testi dei tag, ma anche negli attributi. In questo caso, le virgolette degli attributi non vengono messe:

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

Il risultato di questo codice sarà il seguente:

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

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