arrays - 在处于状态的数组中插入值 - React

Question

我在状态中有一个数组，它是一个关联数组。我想在事件发生时将值插入到该数组中。

我使用的州声明。

state = {
    array: [{
        aaa: '',
        bbb: ''
    }]
};

应该将值插入状态内数组的函数。

reader.onload = (e) => {

    var newArray = {
        aaa: new_aaa,
        bbb: new_bbb
    }
    this.setState({
        array: this.state.array.concat(newArray)
    });

}

不知怎的，它不起作用^_^

Answer 1

当您设置状态时，您可以使用Destructuring_assignment。

state = {
  array: [{
    aaa: '',
    bbb: ''
  }]
};

reader.onload = (e) => {
  var newArray = {
    aaa: new_aaa,
    bbb: new_bbb
  }
  this.setState({
    array: [...this.state.array,newArray]
  });
}