Reactda JSX tiliga kirish

JSX tili - bu oddiy JavaScript, lekin kodda tirnoqlarsiz to‘g‘ridan-to‘g‘ri teglar yozish imkonini beruvchi ba'zi qo‘shimchalar bilan.

Teglarni return orqali qaytarish mumkin:

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

Teglarda atributlar bo‘lishi mumkin:

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

Teglarni o‘zgaruvchilar yoki konstantalarga yozish mumkin:

jsxfunction App() {
  const  elem = <div>matn</div>;
  return elem;
}

Задание 1

Sizning asosiy komponentingizda quyidagi funksiya mavjud:

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

Div ichidagi matnni o‘zgartiring. Brauzerda yuz bergan o‘zgarishlarni ko‘ring.

Задание 2

Divga bir nechta abzas qo‘shing.

Задание 3

Abzslaringizga klasslar qo‘shing.