类型错误：无法读取 React 中未定义的属性'state name in much object'

Question

所以我尝试了一些状态的对象，比如说这是在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

您的状态可能没有初始化，所以您需要处理一个空/未定义的值，直到它初始化为止。您可以这样做来确保状态存在。

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