🩸filter 사용하기

 const handleRemove = id => {
    const newList = cartList.filter(el => el.id !== id);
    setCartList(newList);
  };

여기서 cartList는

  {
    "id": 1,
    "products": "Drop ALT High-Profile",
    "color": "Black",
    "option": "Halo True",
    "price": 179.0,
    "img": "images/item1.webp",
    "quantity": 5
  },
  {
    "id": 2,
    "products": "Drop CTRL Mechanical",
    "color": "Space Grey",
    "option": "Halo Clear",
    "price": 159.0,
    "img": "images/item2.webp",
    "quantity": 2
  },
  {
    "id": 3,
    "products": "Drop CTRL Barebones",
    "color": "Blue",
    "option": "Kaihua Box White",
    "price": 110.0,
    "img": "images/item3.webp",
    "quantity": 1
  }
]

id값을 인자로 받아와 filter로 name.id와 비교하여 클릭된 id값에 해당하는 데이터를 필터링되게 하여 원하는 값을 출력하였다.

이와 같은 기능을 장바구니에 등록된 아이템 삭제에 사용하였으며 비슷한 예로 댓글 삭제 등에도 사용이 가능하다.