javascript - 无法在 setState 的 react 中连接嵌套的对象数组

Question

下面的代码有什么问题？

this.setState({
  album: {
    ...this.state.album,
    photos: [
      ...this.state.album.photos,
      { url : newUrl }
    ]
  }
})

如果照片有东西，它会工作，但如果相册是一个空对象，我会得到这个错误

Cannot convert undefined or null to object

Answer 1

你也可以使用:(...this.state.album.photos || []) 所以它首先解析空数组:

const state = {
  album: {
    photos: undefined
  }
}

const newState = {
  album: {
    ...state.album,
    photos: [
      ...(state.album.photos || []),
      { url: 'newUrl' }
    ]
  }
}

console.log(newState)