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.