حذف عنصر من الحالة بإستخدام filter

ال filter بترجع مصفوفة جديدة من غير العنصر المطلوب حذفه

المثال داخل مشروع React يدعم JSX و Hooks

تطبيق الفكرة

بنحتفظ بالعناصر اللي معرفها مختلف عن المعرف المطلوب

ملف App.jsx

import { useState } from "react";
export default function App() {
  const [items, setItems] = useState([{ id: 1, name: "HTML" }, { id: 2, name: "CSS" }]);
  return <><ul>{items.map(item => <li key={item.id}>{item.name}</li>)}</ul><button onClick={() => setItems(previous => previous.filter(item => item.id !== 1))}>Remove HTML</button></>;
}

النتيجة

بعد الضغط بتفضل CSS فقط