Муқаддима ба забони JSX дар React

Забони 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>;
}

Матни дохили див-ро иваз кунед. Ба тағиротҳое, ки дар браузер рӯй доданд, нигаред.

Задание 2

Ба див чанд абзас илова кунед.

Задание 3

Ба абзасҳои худ синфҳо илова кунед.