แนะนำภาษา JSX ใน React

ภาษา 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

เพิ่มคลาสให้กับย่อหน้าของคุณ