Uvod v jezik JSX v Reactu

Jezik JSX je običajni JavaScript, vendar z nekaj dodatki, ki omogočajo pisanje oznak neposredno v kodi, brez narekovajev.

Oznake je mogoče vrniti prek return:

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

Oznake imajo lahko atribute:

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

Oznake je mogoče zapisati v spremenljivke ali konstante:

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

Задание 1

V vaši glavni komponenti je naslednja funkcija:

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

Spremenite besedilo znotraj div-ja. Oglejte si spremembe, ki so se zgodile v brskalniku.

Задание 2

Dodajte v div več odstavkov.

Задание 3

Dodajte svojim odstavkom razrede.