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:
function App() {
return <div>
text
</div>;
}
Tag dapat memiliki atribut:
function App() {
return <div class="eee">
text
</div>;
}
Tag dapat ditulis ke dalam variabel atau konstanta:
function App() {
const elem = <div>text</div>;
return elem;
}
Di komponen utama Anda, terdapat fungsi berikut:
function App() {
return <div>
text
</div>;
}
Ubah teks di dalam div. Lihat perubahan yang terjadi di browser.
Tambahkan beberapa paragraf ke dalam div.
Tambahkan kelas kepada paragraf-paragraf Anda.
