Inserção de variáveis e constantes em atributos de tags em JSX

A inserção de variáveis e constantes pode ser feita não apenas no texto das tags, mas também nos atributos. Neste caso, as aspas dos atributos não são usadas:

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

O resultado da execução deste código será o seguinte:

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

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