Latihan 2 dari materi Portal & Fragment di React — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Lengkapi Glossary supaya merender daftar istilah tanpa pembungkus di tiap pasangan.
App dengan dua item, { term: "JSX", desc: "Sintaks mirip HTML" } dan { term: "Props", desc: "Data dari parent" }, dan Glossary dengan <dl id="glossary">. Biarkan begitu.items.map(...), kembalikan <Fragment key={item.term}> berisi <dt>{item.term}</dt> lalu <dd>{item.desc}</dd>.<dt> dan <dd> dibaca dari item, jadi langsung diawali {, bukan diketik.<div>: tiap <dt> dan <dd> harus jadi anak langsung <dl>.Fragment sudah tersedia di editor. Baris import boleh ditulis seperti di proyek sungguhan, tapi gak wajib.
Yang dicek:
#glossary, dengan minimal 2 <dt> dan 2 <dd> di dalam <dl>.<dt> pertama di #glossary berisi JSX.<dd> kedua di #glossary berisi Data dari parent. Ini cuma benar kalau pasangannya gak dibungkus <div>.<dt> dan <dd> langsung diikuti {, misalnya <dt>{item.term}</dt>.<Fragment key=...>: bentuk pendek <> gak bisa diberi key.
