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.