reactjs - React - TypeError: this.state.data.map is not a function

Question

I have state data:[] and I am trying to set the values of URL in the state:

componentDidMount(){
axios.get('http://localhost:8082/seekers')
  .then( response => {
     console.log(response.data);
     this.setState({data: response.data})
})
.catch(error =>  {
 console.log(error);
});
}

When I use a map to show the data:

this.state.data.map((dynamicData,key)=>
<div key={id++}>
{dynamicData.name}{dynamicData.bloodtype}{dynamicData.bloodunits}
 </div>
)

I get this error:

TypeError: this.state.data.map is not a function

How to fix it?

Answer 1

It's very likely that the this.state.data is not an array. I'd suggest you to check what type of data the returned response is.