使用 React 时，永远不要直接改变状态。如果一个对象（或者Array，它也是一个对象）被改变了，你应该创建一个新的副本。

其他人建议使用Array.prototype.splice()，但该方法会改变 Array，因此最好不要splice()与 React一起使用。

最容易用于Array.prototype.filter()创建新数组：

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

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

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});
  }
},

这是 Aleksandr Petrov 使用 ES6 的响应的一个小变化

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

在react中从状态数组中删除项目的简单方法：

当任何数据从数据库中删除并更新列表而没有调用 API 时，您将删除的 id 传递给此函数，此函数从列表中删除已删除的记录

export default class PostList extends Component {
  this.state = {
      postList: [
        {
          id: 1,
          name: 'All Items',
        }, {
          id: 2,
          name: 'In Stock Items',
        }
      ],
    }


    remove_post_on_list = (deletePostId) => {
        this.setState({
          postList: this.state.postList.filter(item => item.post_id != deletePostId)
        })
      }
  
}

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

的拼接（）方法改变阵列的通过去除现有元件和/或添加新元素的内容。

句法： array.splice(start, deleteCount[, item1[, item2[, ...]]])

var people = ["Bob", "Sally", "Jack"]
var toRemove = 'Bob';
var index = people.indexOf(toRemove);
if (index > -1) { //Make sure item is present in the array, without if condition, -n indexes will be considered from the end of the array.
  people.splice(index, 1);
}
console.log(people);

编辑：

正如justin-grant所指出的那样，根据经验，永远不要this.state直接变异，因为setState()之后调用可能会替换您所做的变异。将其this.state视为不可变的。

另一种方法是，创建对象this.state的副本并操作副本，使用setState(). Array#map，Array#filter等等，也可以被使用。

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