Ներածություն React-ի JSX լեզվին

JSX լեզուն սովորական JavaScript է, բայց որոշ հավելումներով, որոնք թույլ են տալիս գրել թեգեր ուղղակիորեն կոդում, առանց չակերտների:

Թեգերը կարելի է վերադարձնել return-ի միջոցով.

jsxfunction App() {
  return <div>
    տեքստ
  </div>;
}

Թեգերը կարող են ունենալ ատրիբուտներ.

jsxfunction App() {
  return <div class="eee">
    տեքստ
  </div>;
}

Թեգերը կարելի է գրել փոփոխականների կամ կոնստանտների մեջ.

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

Ձեր հիմնական կոմպոնենտում կա հետևյալ ֆունկցիան.

jsxfunction App() {
  return <div>
    տեքստ
  </div>;
}

Փոխեք div-ի ներսի տեքստը: Տեսեք բրաուզերում տեղի ունեցած փոփոխությունները:

Задание 2

Ավելացրեք div-ի ներսում մի քանի պարբերություն:

Задание 3

Ձեր պարբերություններին ավելացրեք դասեր: