如何使用reactjs在动态表中单击删除所有行

Posted 2023-03-23

【中文标题】如何使用reactjs在动态表中单击删除所有行

【英文标题】：How to delete all rows on click in a dynamic table using reactjs

【发布时间】：2021-11-27 09:11:44

【问题描述】：

目前，当单击删除按钮时，它一次只删除一行。但是，我目前的目标是同时删除所有行，但我尝试过的解决方案不起作用。这是当前代码：

const [shop, setShop] = useState([]);
...
const [count, setCount] = useState(0);
...
const handleDelete = (shopsId) => 
        const newArr = [...shop];
        const index = shop.findIndex((shop) => shop.id === shopsId);
        newArr.splice(index, 1);
        setShop(newArr);
        setCount(count - count)
      

如果我想删除特定行，则此方法是成功的，但是我不想这样做，而是删除所有行（“全部删除”）。任何帮助将不胜感激。

【参考方案1】：

设置为空数组

setShop([ ])