Introdução à linguagem JSX no React
A linguagem JSX é JavaScript comum, mas com algumas adições que permitem escrever tags diretamente no código, sem aspas.
As tags podem ser retornadas via return:
function App() {
return <div>
texto
</div>;
}
As tags podem ter atributos:
function App() {
return <div class="eee">
texto
</div>;
}
As tags podem ser armazenadas em variáveis ou constantes:
function App() {
const elem = <div>texto</div>;
return elem;
}
No seu componente principal existe a seguinte função:
function App() {
return <div>
texto
</div>;
}
Altere o texto dentro da div. Observe as mudanças que ocorreram no navegador.
Adicione vários parágrafos à div.
Adicione classes aos seus parágrafos.