Latihan 1: JSX Dasar — React

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

Lengkapi komponen App di kode awal. App sudah mengembalikan sebuah <div> sebagai pembungkus; biarkan <div> itu, karena dialah satu-satunya elemen paling luar.

Di dalam <div>, ganti comment {/* tulis di sini */} dengan <h1> berisi teks Belajar JSX.
Di bawahnya, masih di dalam <div>, tambahkan <p> berisi teks JSX membuat React lebih mudah dibaca.

Yang dicek: ada <h1> dengan teks persis Belajar JSX, dan ada <p> dengan teks persis JSX membuat React lebih mudah dibaca. (huruf besar dan titik di akhir ikut dicek). Yang dibaca adalah <h1> dan <p> pertama di halaman, jadi cukup buat satu dari masing-masing.

Hint

JSX ditulis seperti HTML, langsung di dalam return. Elemen baru ditaruh di dalam <div> yang sudah ada.
Ganti comment di dalam <div> dengan dua elemen berurutan: sebuah <h1>, lalu sebuah <p>. Keduanya tetap anak dari <div>, jadi elemen paling luarnya tetap satu.
return (<div><h1>Belajar JSX</h1><p>JSX membuat React lebih mudah dibaca.</p></div>)

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

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: JSX Dasar — React

Hint

Memperbarui Aplikasi