在组件状态下从数组中删除元素

Question

我试图找到在组件状态下从数组中删除元素的最佳方法。由于我不应该this.state直接修改变量，是否有比我在这里有更好的方法（更简洁）从数组中删除元素？：

  onRemovePerson: function(index) {
    this.setState(prevState => { // pass callback in setState to avoid race condition
      let newData = prevState.data.slice() //copy array from prevState
      newData.splice(index, 1) // remove element
      return {data: newData} // update state
    })
  },

谢谢。

更新

这已更新为在setState中使用回调。在更新当前状态时，应执行此操作。

Answer 1

我见过的最干净的方法是filter：

removeItem(index) {
  this.setState({
    data: this.state.data.filter((_, i) => i !== index)
  });
}