← 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