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.