Introduktion til JSX-sproget i React
JSX-sproget er almindelig JavaScript, men med nogle tilføjelser der gør det muligt at skrive tags direkte i koden, uden anførselstegn.
Tags kan returneres via return:
jsxfunction App() {
return <div>
text
</div>;
}
Tags kan have attributter:
jsxfunction App() {
return <div class="eee">
text
</div>;
}
Tags kan tildeles til variable eller konstanter:
jsxfunction App() {
const elem = <div>text</div>;
return elem;
}
Задание 1
I din hovedkomponent er der følgende funktion:
jsxfunction App() {
return <div>
text
</div>;
}
Ændr teksten inde i div'en. Se på ændringerne i browseren.
Задание 2
Tilføj flere afsnit i div'en.
Задание 3
Tilføj klasser til dine afsnit.