使用.splice从数组中删除项。使用delete，数组的索引不会被改变，但特定索引的值将是未定义的

splice()方法通过删除现有元素和/或添加新元素来更改数组的内容。

语法:数组。splice(start, deleteCount[， item1[， item2[，…]]])

var people = ["Bob"， "Sally"， "Jack"] var toRemove = 'Bob'; var index = people.indexOf(toRemove); if (index > -1){//确保item存在于数组中，如果没有if条件，-n个索引将被考虑从数组的末尾开始。 人。拼接(指数(1); ｝ console.log(人);

编辑:

正如justin-grant指出的，作为经验法则，永远不要改变这个。直接调用setState()，因为之后调用setState()可能会替换您所做的突变。对待这个问题。状态，仿佛它是不可变的。

另一种方法是，在其中创建对象的副本。状态和操作副本，使用setState()将它们赋值回去。数组#映射，数组#过滤器等可以使用。

this.setState({people: this.state.people.filter(item => item !== e.target.value);});

当使用React时，你不应该直接改变状态。如果一个对象(或者数组，这也是一个对象)被改变了，你应该创建一个新的副本。

其他人建议使用Array.prototype.splice()，但该方法会使Array发生变异，因此最好不要在React中使用splice()。

最简单的使用array .prototype.filter()来创建一个新数组:

removePeople(e) {
    this.setState({people: this.state.people.filter(function(person) { 
        return person !== e.target.value 
    })});
}

如果你使用:

const[myArr, setMyArr] = useState([]);

添加:

setMyArr([...myArr, value]);

至于移除:

let index = myArr.indexOf(value);
if(index !== -1)
    setPatch([...myArr.slice(0, index), ...myArr.slice(index, myArr.length-1)]);

要从数组中删除一个元素，只需执行以下操作:

array.splice(index, 1);

在你的情况下:

removePeople(e) {
  var array = [...this.state.people]; // make a separate copy of the array
  var index = array.indexOf(e.target.value)
  if (index !== -1) {
    array.splice(index, 1);
    this.setState({people: array});
  }
},

removePeople(e){
    var array = this.state.people;
    var index = array.indexOf(e.target.value); // Let's say it's Bob.
    array.splice(index,1);
}

Redfer doc获取更多信息

一些答案提到了使用“splice”，正如Chance Smith所说的那样，它使数组发生了突变。我建议你使用调用slice的方法 (这里是'slice'的文档)，它会对原始数组进行复制。