Pengenalan Bahasa JSX di React

Bahasa JSX adalah JavaScript biasa, tetapi dengan beberapa tambahan yang memungkinkan penulisan tag secara langsung dalam kode, tanpa tanda kutip.

Tag dapat dikembalikan melalui return:

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

Tag dapat memiliki atribut:

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

Tag dapat ditulis ke dalam variabel atau konstanta:

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

Di komponen utama Anda, terdapat fungsi berikut:

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

Ubah teks di dalam div. Lihat perubahan yang terjadi di browser.

Задание 2

Tambahkan beberapa paragraf ke dalam div.

Задание 3

Tambahkan kelas kepada paragraf-paragraf Anda.