Lompat ke konten utama
←

React Dasar

Pelajaran 13 dari 17

Event dan state

Misi: kasir warung kopi

Setelah pelajaran ini kamu bisa membangun keranjang kasir dengan state larik: menambah atau menaikkan jumlah, mengurangi dan menghapus, menghitung total saat render, dan mengosongkan keranjang.

±17 menitDiperiksa 24 Okt 2026

Latihan di pelajaran ini butuh akun gratis. Progres, kode, dan catatanmu hanya tersimpan di browser ini. Masuk untuk menyimpannya

Materi

Warung Kopi Mbak Yuni di Pontianak memakai tablet sebagai kasir. Menu tampil sebagai tombol, dan setiap klik menambah menu itu ke keranjang. Keranjang menyimpan menu beserta jumlahnya, total dihitung dari isi keranjang, dan tombol Bayar mencatat total lalu mengosongkan keranjang.

const MENU = [
  { id: "k1", nama: "Kopi susu", harga: 12000 },
  { id: "k2", nama: "Es teh", harga: 5000 },
  { id: "k3", nama: "Pisang goreng", harga: 10000 },
];

Latihan

0/4 lulus

Misi akhir modul: luluskan minimal 4 dari 4 tugas. Jawaban diperiksa di server. Lulus berarti kamu memahami contohnya, bukan penilaian seluruh pekerjaanmu.

Latihan 4 dari 4

Rekan kerjamu menyimpan total belanja di state kedua dan memanggil setTotal setiap kali keranjang diubah. Apa yang dianjurkan dokumentasi React untuk nilai seperti ini?

Pilih satu jawaban

Catatanmu

Memuat catatan…

tersimpan otomatis, ikut tercetak · 0/4.000

Luluskan semua latihan dulu untuk menandai pelajaran ini selesai.

Lanjutkan ke

Tampilkan 1 lagi