React Native：无法映射状态数组[重复]

Question

我试图弄清楚如何通过 api 调用映射存储在我的状态中的对象数组。

我的状态对象：

state = {
    isLoading: false,
    event: []
};

我的渲染函数：

{this.state.event.musicStyle.map((style, index) => {
    return <Text>{style}</Text>;
})}

我的 API 响应：

this.state.event 的控制台日志：

错误信息：

TypeError: Cannot read property of 'map' of undefined

我在这里做错了什么？非常感谢任何帮助。

Answer 1

this.state.event 是一个数组，因此this.state.event.musicStyle 将始终未定义...

你想要的是类似的东西

componentDidMount() {
  return fetch(callToApi)
    .then(result => result.json())
    .then(result => this.setState({event: result})
}
render() {
  return (
    {this.state.event.map((event) => {
      event.musicStyle.map((style) => {
       return <Text>{style}</Text>;
      })  
    })}
  )
}