reactjs - 如果签入反应挂钩，如何删除整行？

Question

我有一个有 5 列的表。第一列有一个复选框，选中后我可以编辑或删除整个选中的行。我使用反应钩子来做到这一点。现在我可以编辑整行，但不能删除该行。这是我的代码。

  const handleCheckbox = id => {
    console.log("called");
    const checkedRow = [...users];
    checkedRow[id].select = !checkedRow[id].select;
    setUsers(checkedRow);
    setNewCheck([...checksArray, checkedRow]);

    // id = newCheck.length + 1;
    // setNewCheck([...newCheck, id]);
    console.log("checkArray", checksArray);
  };

在前面的代码中，我可以将行 ID 传递给复选框方法，然后我想将行 ID 添加到数组中以删除它们。

const initialFormState = {
    id: null,
    code: "",
    englishName: "",
    arabicName: "",
    remarks: "",
    checkedGroup: []
  };

  // Setting state
  const [users, setUsers] = useState(usersData);
  const [checksArray, setNewCheck] = useState(initialFormState.checkedGroup);
  const [currentUser, setCurrentUser] = useState(initialFormState);
  const [editing, setEditing] = useState(false);

前面的代码属于数组和数组中的值。

如何删除整行？我是以正确的方式接近这个还是有更好的方法来做到这一点？提前致谢。

标签： reactjsreact-hooks