Įvadas į JSX kalbą React

JSX kalba - tai įprastas JavaScript, bet su kai kuriais pratęsimais, leidžiančiais rašyti žymes tiesiogiai kode, be kabučių.

Žymes galima grąžinti per return:

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

Žymės gali turėti atributus:

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

Žymes galima įrašyti į kintamuosius arba konstantas:

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

Jūsų pagrindiniame komponente yra ši funkcija:

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

Pakeiskite tekstą div viduje. Pažiūrėkite į pakitimus, įvykusius naršyklėje.

Задание 2

Pridėkite į div kelis pastraipas.

Задание 3

Pridėkite jūsų pastraipoms klases.