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:
function App() {
return <div>
teks
</div>;
}
Teg boleh mempunyai atribut:
function App() {
return <div class="eee">
teks
</div>;
}
Teg boleh ditulis dalam pembolehubah atau pemalar:
function App() {
const elem = <div>teks</div>;
return elem;
}
Dalam komponen utama anda, terdapat fungsi berikut:
function App() {
return <div>
teks
</div>;
}
Tukar teks di dalam div. Lihat perubahan yang berlaku dalam pelayar.
Tambahkan beberapa perenggan ke dalam div.
Tambahkan kelas kepada perenggan anda.