我有一个API调用,将响应设置在状态中,如下:
componentDidMount(){
var a=this;
axios.post("http://localhost/axios/index.php")
.then((res)=>{
console.log(res.data);
a.setState(
{ datas:res.data },
() => console.log(this.state.datas)
);
});
}
我遇到了
{0: {…}, 1: {…}, 2: {…}, 3: {…}, 4: {…}, 5: {…}}
0: {id: "1", typee: "class", user_id: "1"}
1: {id: "2", typee: "class", user_id: "1"}
2: {id: "3", typee: "course", user_id: "1"}
3: {id: "4", typee: "class", user_id: "2"}
4: {id: "5", typee: "test_series", user_id: "3"}
5: {id: "6", typee: "test_series", user_id: "2"}
在状态中。我希望以表格格式显示这些数据,因此尝试了
render(){
return(
<table>
<thead>
<tr>
<th>S.No.</th>
<th>Type</th>
</tr>
</thead>
<tbody>
{
this.state.datas.map(data=>(
<tr key={data.id}>
<td>{data.id}</td>
<td>{data.typee}</td>
</tr>
))
}
</tbody>
</table>
)
}
但它给了我this.state.datas.map不是一个函数
的错误提示。我已将我的数据状态初始化为空数组。