قائمة مهام — تحدي React

قائمة مهام في state: حقل إدخال مربوط بالـ state، وإضافة مهمة إلى نسخة جديدة من المصفوفة (بدون إضافة نص فارغ)، وعرض المهام، وحذف مهمة، وتبديل إنجازها.

function TodoList() {
  // State للمهام والإدخال
  
  return (
    <div>
      <input placeholder="مهمة جديدة..." />
      <button>إضافة</button>
      
      <ul>
        {/* عرض المهام هنا */}
      </ul>
    </div>
  );
}

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