TypeError：无法读取 React 中未定义的属性“多对象中的状态名称”

Question

所以我尝试了一些 object 的一些 state 的东西，假设这是在 this.state 中：

this.state = {
 musicinmedia: {
  isDetected: false,
  metadata: {
   songname: '',
   artistname: '',
   albumname: '',
  }
 }
}

这在渲染中：

{this.state.musicinmedia.metadata.songname}

并给了我一个错误： TypeError: Cannot read property 'songname' of undefined

Answer 1

你的 state 可能没有被初始化，所以你需要处理一个 null/undefined 值，直到它被初始化。 你可以做这样的事情来确保 state 存在。

{this.state && this.state.musicinmedia.metadata.songname}