如何将新的子键值添加到 React State 对象

Question

我想向 React 上发生的现有 partent 添加一个新的 child 键值。 假设这是我的状态：

this.state = {
  genres: {
    Rock: '',
    Jazz: '',
    Pop: ''
  }
}

这是我的方法：

addingGenre(tw) {
  this.setState({
    genres: { [tw]: '', }
    })
}

这显然不起作用，它覆盖了我的完整状态 --> {genres: tw}。

非常感谢提前:)

Answer 1

您需要推送到当前状态。 所以它应该是这样的：

addingGenre(tw) {
  this.setState({
    genres: { ...this.state.genres, [tw: '']}
    })
}

Answer 2

你可以这样做 -

addingGenre(tw) {
  const state = this.state; 
  state.genres[tw] = ''; 
  this.setState(state)
}