Introducción al lenguaje JSX en React

El lenguaje JSX es JavaScript ordinario, pero con algunas adiciones que permiten escribir etiquetas directamente en el código, sin comillas.

Las etiquetas se pueden devolver mediante return:

function App() {
	return <div>
		texto
	</div>;
}

Las etiquetas pueden tener atributos:

function App() {
	return <div class="eee">
		texto
	</div>;
}

Las etiquetas se pueden guardar en variables o constantes:

function App() {
	const  elem = <div>texto</div>;
	return elem;
}

En su componente principal existe la siguiente función:

function App() {
	return <div>
		texto
	</div>;
}

Cambie el texto dentro del div. Observe los cambios ocurridos en el navegador.

Añada al div varios párrafos.

Añada clases a sus párrafos.