React hooks - 从数组中删除多个对象并更新状态

Question

如何删除数组的多个对象并更新状态？ 我从复选框中选择了多个项目 这是选中的项目 [5, 4, 3] 我想根据 id 删除数组中的所有项目并更新状态 这是我的代码

 const [products, setProducts] = useState();

 const DeleteProducts = () => {
  const selectedItems = [5, 4, 3];

    selectedItems.forEach(function(p) {
      setProducts(products.filter(prd => prd.id !== p));
    });
}

它一次只删除一项，但我选择了 3 项。如何在产品状态中显示除 3 个选定项目之外的剩余项目？ 谢谢

Answer 1

您可以将其简化为单个过滤函数：

const DeleteProducts = () => {
  setProducts(prevProducts => {
    return prevProducts.filter(p => ! p.selected);
  });
}

Answer 2

const DeleteProducts = () => {
  const filteredProducts = products.filter(product => !product.selected);
  setProducts(filteredProducts);
};