当我尝试获取api并从响应JSON获取数据时,出现“ TypeError:this.state.data.map不是函数”

时间:2020-02-05 05:15:30

标签: reactjs api get fetch setstate

我是新来的反应者,当我尝试从API获取数据时,出现此错误:“ TypeError:this.state.data.map不是函数”。我只是按照youtube上的教程进行操作,但是为什么无法获得结果?大家请帮助我解决此问题。考虑下面的代码:

api的JSON响应应如下所示: enter image description here

context
constructor(props){
  super(props);
  this.state ={
    loginEmail: this.props.location.state.loginEmail,
    data: [],
    user_info: [],
    isLoaded: false,
    redirect: false
  }
  this.logout = this.logout.bind(this);
}

componentDidMount(){
 //  console.log(this.state.loginEmail)
  fetch(`https://ems-unimas-58134.herokuapp.com/api/users/view/${this.props.location.state.loginEmail}`)
  .then((resp)=>{
    resp.json().then((res)=>{
      //console.log(res.data.user_info);
      this.setState({data: res.data.user_info})
;    })
  })
}

0 个答案:

没有答案