Introducere în limbajul JSX în React

Limbajul JSX este JavaScript obișnuit, dar cu unele adaosuri care permit scrierea de tag-uri direct în cod, fără ghilimele.

Tag-urile pot fi returnate prin return:

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

Tag-urile pot avea atribute:

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

Tag-urile pot fi înregistrate în variabile sau constante:

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

În componenta dvs. principală există următoarea funcție:

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

Schimbați textul din interiorul div-ului. Urmăriți modificările care au avut loc în browser.

Задание 2

Adăugați în div mai multe paragrafe.

Задание 3

Adăugați paragrafelor voastre clase.