如何在React中添加和删除数组中的值

Question

我正在从API获取记录。我正在size中存储记录的总数。

const [size, setSize] = useState();
let array = [];
const handleChange = (id) => {
for (let i = 0; i < 1; i++) {
for (let j = 0; j < size; j++) {
if(array[j] === id) {
array.splice(j, 1);
}
else {
array[j] = id;
break;
}
}
}
};

有复选框，当我点击任何复选框时，它的相应ID会在handleChange()中传递。我正在传递handleChange()中的id以将其存储在数组中。此外，当我取消选中复选框时，会再次传递相同的ID，并在循环中检查它是否存在，如果存在，则需要从数组中删除它。我已经在上面给出的代码中编写了逻辑，但它不起作用。

有人能帮我解决这个问题吗？

Answer 1

下面是一个简单的方法；

let array = [];
const handleChange = (id) => {
if (array.includes(id)){
array = array.filter(ids => ids!=id)
} else {
array.push(id);
}
}