Seorang pengembang sedang membangun aplikasi e-commerce berbasis React Native untuk menampilkan daftar produk. Setiap produk memiliki:
- Gambar (dikirim sebagai props).
- Harga (dikirim sebagai props).
- Deskripsi (dikirim sebagai props).
- Jumlah Stok (dikelola menggunakan state, dengan nilai awal 10).
- Tombol "Beli" untuk mengurangi stok saat ditekan.
Tugas Anda adalah :
Membuat aplikasi berdasarkan studi kasus diatas dengan
- Buat dalam Versi Fungsional Komponen
- Buat dalam Versi Class Komponen
Hasil Output yang diharapkan :
✅ Produk dengan gambar, harga, dan deskripsi ditampilkan.
✅ Setiap produk memiliki stok awal 10.
✅ Ketika tombol "Beli" ditekan, stok berkurang.
✅ Jika stok habis, tombol menjadi tidak bisa ditekan (disabled).
Contoh output :
Versi Fungsional
Versi Class
Top comments (0)