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:
function App() {
const str = 'elem';
return <div id={str}>
text
</div>;
}
El resultado de este código será el siguiente:
<div id="elem">
text
</div>
Dado el siguiente código:
function App() {
const attr = 'block';
return <div>
text
</div>;
}
Inserte el valor de la constante attr en
el atributo id de nuestro div.