javascript - SetState 将新数据推送到状态数组对象

Question

我想对 API 端点执行 POST，有一个名为 space_photos 的字段，它接受对象数组。

这是每当用户上传照片时我的回调函数。

constructor(){
this.space_photo_holder = [];
}

callback = (e) => {

    this.space_photos_holder.push(e);

    this.setState({space_photos: this.space_photos_holder})

}

我认为代码是合法的，但是有更好的方法吗？

Answer 1

您可以简单地使用concat而不是push。它返回一个更新后的数组

constructor(){
    this.state = {
      space_photos= []
    }
}

callback = (e) => {

    this.setState({space_photos: this.state.space_photos.concat(e)})

}