Latihan 1 dari materi Styling Komponen di React — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal sudah punya <div id="box"> berisi teks Kotak Biru dan style={{ }} yang masih kosong. Biarkan id dan teksnya, lalu isi object style-nya:
backgroundColor: "skyblue"
padding: "20px"
Hasil akhirnya: <div id="box" style={{ backgroundColor: "skyblue", padding: "20px" }}>.
Yang dicek:
#box berisi persis Kotak Biru.
Kodenya memakai backgroundColor.
Warna latar #box benar-benar skyblue, dan padding-nya 20px.
Hint
Inline style di React adalah object JavaScript di dalam style={{ }}, bukan string CSS.
Nama properti CSS yang bertanda minus ditulis camelCase: background-color jadi backgroundColor. Nilainya string lengkap dengan satuan, dipisah koma.
