javascript - reactjs 如何删除表中的特定行？

Question

我的最后一个问题是关于删除已解决的表中的所有行。我现在遇到的问题是我将如何删除具有删除按钮的特定行。我想要实现的是，当单击按钮时，删除按钮所在的行。

我现在遇到的问题是，当我按下行上的删除按钮时，它会删除表上的第一行，这不是我想要的。

const [shop, setShop] = useState([]);
....
function singleDelete(i){
        var newArr = [...shop];
        newArr.splice(i, 1);
        setShop(newArr);
        setCount(count -1);
  }
      

标签： javascriptreactjsreactstrap

Answer 1

您可以使用Array.prototype.filter：

setShop(shop.filter((_, index) => index !== i));

此外，不要维护单独的count变量，因为它是多余的。可以使用 轻松检索计数shop.length。