React27 / 78

Filter & Search di Client

Pencarian real-time dilakukan dengan menyaring list data menggunakan .filter() yang mencocokkan teks query pencarian.

👀 Contoh dulu

const filtered = items.filter(item => item.name.includes(query));

Hasilnya: Daftar otomatis menyusut sesuai kata kunci pencarian.

💡 Gunakan toLowerCase() agar pencarian tidak sensitif huruf besar/kecil.

📝 Sekarang giliranmu

Deklarasikan variabel filtered yang menyaring array items, sehingga hanya menyisakan item yang nama (name)-nya mengandung teks dalam query.

Preview