Introduksjon til JSX-språket i React

JSX-språket er vanlig JavaScript, men med noen tillegg som gjør det mulig å skrive tagger rett i koden, uten anførselstegn.

Tagger kan returneres via return:

jsxfunction App() {
  return <div>
    text
  </div>;
}

Tagger kan ha attributter:

jsxfunction App() {
  return <div class="eee">
    text
  </div>;
}

Tagger kan lagres i variabler eller konstanter:

jsxfunction App() {
  const  elem = <div>text</div>;
  return elem;
}
Задание 1

I din hovedkomponent er det følgende funksjon:

jsxfunction App() {
  return <div>
    text
  </div>;
}

Endre teksten inne i div-en. Se på endringene som har skjedd i nettleseren.

Задание 2

Legg til flere avsnitt i div-en.

Задание 3

Legg til klasser i avsnittene dine.