შესავალი React-ის JSX ენაში

JSX ენა - ეს არის ჩვეულებრივი JavaScript, მაგრამ რამდენიმე დამატებით, რომელიც საშუალებას აძლევს ჩაწეროთ თეგები უშუალოდ კოდში, ბრჭყალების გარეშე.

თეგების დაბრუნება შესაძლებელია return-ის მეშვეობით:

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

თეგებს შეიძლება ჰქონდეთ ატრიბუტები:

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

თეგების ჩაწერა შესაძლებელია ცვლადებში ან კონსტანტებში:

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

თქვენს მთავარ კომპონენტში არის შემდეგი ფუნქცია:

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

შეცვალეთ ტექსტი div-ის შიგნით. დააკვირდით ბრაუზერში მომხდარ ცვლილებებს.

Задание 2

დაამატეთ div-ში რამდენიმე აბზაცი.

Задание 3

მიანიჭეთ თქვენს აბზაცებს კლასები.