Latihan 1: Portal & Fragment — React

Latihan 1 dari materi Portal & Fragment di React — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Kembalikan dua elemen berdampingan dari App tanpa pembungkus <div>.

Ganti return null dengan Fragment: <> di depan dan </> di belakang.
Di dalamnya, tulis <h1>Judul</h1>, lalu sebuah <p>, misalnya <p>Paragraf</p>.
Jangan ada <div sama sekali di kodemu.

Yang dicek:

Ada <h1>, dan isinya persis Judul.
Ada <p>.
Kodemu memakai <>, <Fragment, atau React.Fragment.
Kodemu gak mengandung <div.

Hint

Komponen harus mengembalikan satu elemen. Fragment mengelompokkan dua elemen tanpa menambah elemen apa pun di DOM.
Bungkus h1 dan p dengan <> di depan dan </> di belakang, di dalam return (...). Hapus semua div.
return (<><h1>Judul</h1><p>Paragraf</p></>)

</> { } .css => #id fn()

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

0%

Membuka gerbang…