reactjs - this.state.data.map 不是函数
问题描述
我正在使用 React 和 Facebook Graph API 进行 API 调用
API 工作正常,但地图方法正在显示
this.state.data.map
不是函数
import React, { Component } from 'react';
import axios from 'axios';
class user extends Component {
constructor(props){
super(props);
this.state={
data:[123]
}
}
componentDidMount() {
axios.get("facebook url")
.then(response => {
if (response.status === 200 && response != null) {
this.setState({
data: response.data
});
} else {
console.log('problem');
}
})
.catch(error => {
console.log(error);
});
}
render(){
return (
<div>
{this.state.data.map((item,index) => {
return (
<div key={item.id}>
<h1>{item.message}</h1>
</div>
);
})}
</div>
);
}
}
export default user;
解决方案
推荐阅读
- java - java关于调用其他类中的属性
- python - 如何在交互式提示中关闭行号(Visual Studio 2017)
- jquery - 在弹出Angular7中单击后更改位置鼠标指针
- html - 我可以在纯 CSS 滑块中添加点吗?
- c# - 将枚举参数传递给 WebApi 方法
- javascript - 分机。如何更改 Ext.field.DatePicker 的数据格式
- docker - 我可以在 docker 容器内运行 docker 容器吗?
- r - R查找字符串匹配多列,并选择最右边的列匹配
- java - 尝试发送 UDP 数据包时出现绑定异常
- r - 如何使用 `ggplot` 和 `xlim()` 增加轴分辨率