Inleiding tot de JSX-taal in React
JSX is een gewone JavaScript-taal, maar met enkele toevoegingen die het mogelijk maken om tags rechtstreeks in de code te schrijven, zonder aanhalingstekens.
Tags kunnen worden geretourneerd via return:
function App() {
return <div>
tekst
</div>;
}
Tags kunnen attributen hebben:
function App() {
return <div class="eee">
tekst
</div>;
}
Tags kunnen worden toegewezen aan variabelen of constanten:
function App() {
const elem = <div>tekst</div>;
return elem;
}
In uw hoofdcomponent staat de volgende functie:
function App() {
return <div>
tekst
</div>;
}
Verander de tekst binnen de div. Bekijk de wijzigingen die in de browser zijn opgetreden.
Voeg een paar alinea's toe aan de div.
Voeg klassen toe aan uw alinea's.