Introduktion till JSX-språket i React
JSX-språket är vanlig JavaScript, men med några tillägg som gör det möjligt att skriva taggar direkt i koden, utan citationstecken.
Taggar kan returneras via return:
jsxfunction App() {
return <div>
text
</div>;
}
Taggar kan ha attribut:
jsxfunction App() {
return <div class="eee">
text
</div>;
}
Taggar kan skrivas i variabler eller konstanter:
jsxfunction App() {
const elem = <div>text</div>;
return elem;
}
Задание 1
I din huvudkomponent finns följande funktion:
jsxfunction App() {
return <div>
text
</div>;
}
Ändra texten inuti div:en. Se på förändringarna som har skett i webbläsaren.
Задание 2
Lägg till flera stycken i div:en.
Задание 3
Lägg till klasser till dina stycken.