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:
function App() {
const str = 'elem';
return <div id={str}>
texto
</div>;
}
O resultado da execução deste código será o seguinte:
<div id="elem">
texto
</div>
Dado o seguinte código:
function App() {
const attr = 'block';
return <div>
texto
</div>;
}
Insira o valor da constante attr no
atributo id da nossa div.