Pengenalan kepada Bahasa JSX dalam React

Bahasa JSX ialah JavaScript biasa, tetapi dengan beberapa tambahan yang membolehkan penulisan teg terus dalam kod, tanpa tanda petik.

Teg boleh dipulangkan melalui return:

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

Teg boleh mempunyai atribut:

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

Teg boleh ditulis dalam pembolehubah atau pemalar:

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

Dalam komponen utama anda, terdapat fungsi berikut:

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

Tukar teks di dalam div. Lihat perubahan yang berlaku dalam pelayar.

Задание 2

Tambahkan beberapa perenggan ke dalam div.

Задание 3

Tambahkan kelas kepada perenggan anda.