Ievads JSX valodā React

JSX valoda ir parasts JavaScript, bet ar dažiem papildinājumiem, kas ļauj rakstīt tagus tieši kodā, bez pēdiņām.

Tagus var atgriezt caur return:

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

Tagiem var būt atribūti:

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

Tagu var ierakstīt mainīgajos vai konstantēs:

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

Jūsu galvenajā komponentē ir šāda funkcija:

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

Nomainiet tekstu iekš div. Paskatieties uz izmaiņām, kas notika pārlūkprogrammā.

Задание 2

Pievienojiet div vairākus rindkopas.

Задание 3

Pievienojiet savām rindkopām klases.