Kodax

فلترة القائمة — تحدي React

أضف بحثاً يفلتر القائمة أثناء الكتابة: نص البحث في useState، و filter مع includes بدون حساسية لحالة الأحرف، ثم اعرض النتائج بـ map.

function FilterableList() {
  const items = ['React', 'Angular', 'Vue', 'Svelte', 'Next.js'];
  
  return (
    <div>
      <input placeholder="ابحث..." />
      <ul>
        {/* القائمة المفلترة */}
      </ul>
    </div>
  );
}

حل هذا التحدي يرتبط بفتح دورة «مقدمة React» بحسابك.

ابدأ الحل