gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 16:48:01 25 4
gpt4 key购买 nike

如何删除数组的多个对象并更新状态?我从复选框中选择了多个项目这是所选项目 [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个选定项目之外的剩余项目?谢谢

最佳答案

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

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

关于javascript - React hooks - 从数组中删除多个对象并更新状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60299645/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com