Inserción de variables y constantes en atributos de etiquetas en JSX

La inserción de variables y constantes se puede realizar no solo en textos de etiquetas, sino también en atributos. En este caso, no se colocan comillas en los atributos:

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

El resultado de este código será el siguiente:

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

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