React-də JSX dilinə giriş

JSX dili - bu adi JavaScript-dir, lakin bəzi əlavələrlə, birbaşa kodda, dırnaq işarələri olmadan teqlər yazmağa imkan verir.

Teqlər return vasitəsilə qaytarıla bilər:

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

Teqlərin atributları ola bilər:

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

Teqlər dəyişənlərə və ya sabitlərə yazıla bilər:

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

Sizin əsas komponentinizdə aşağıdakı funksiya var:

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

Divin içindəki mətni dəyişdirin. Brauzerdə baş verən dəyişikliklərə baxın.

Задание 2

Divə bir neçə abzas əlavə edin.

Задание 3

Abzazlarınıza siniflər əlavə edin.