Getting Object: "undefined" on React

Question

I am a newbie in react JS and I am trying to pull data from a url in Json format. I did the following but I keep on getting a feeback at the console as

Rovers: undefined.

How do I go about it when am supposed to get something like

Rovers:[object, object, object]

class App extends React.Component {
 constructor(props){
   super(props);
   this.state={rovers:[]};
 }
componentWillMount(){
  api.getRovers().then((response) =>{
   this.setState({
     rovers: response.rovers
   });
 });
}
render() {
  console.log("Rovers: ", this.state.rovers);
}

and this is where am calling the json link

var api={
  getRovers(){
   var url='https://jsonplaceholder.typicode.com/posts/1';
   return fetch(url).then((response)=> response.json());
 }
};
module.exports=api;

How are you calling render()? It sounds like you're calling that before the API call finishes. — krillgar
– krillgar, Commented Feb 22, 2017 at 17:57
@krillgar Kindly advice on a better way to do it...I can't even tell the best way to — wallraks
– wallraks, Commented Feb 22, 2017 at 18:02

Abdennour TOUMI · Accepted Answer · 2017-02-22 18:15:19Z

2

The endpoint replies with object that does not include rovers. However, it includes : id, userId, title and body

That's why response.rovers is undefined. Then this.state.rovers is the same

So , you might mean `body` instead of `rovers` , in this case , replace:

componentWillMount(){
  api.getRovers().then((response) =>{
   this.setState({
     rovers: response.rovers
   });
 });
}

By :

componentWillMount(){
  api.getRovers().then((response) =>{
   this.setState({
     rovers: response.body.split('\n')
   });
 });
}

edited Feb 22, 2017 at 18:15

answered Feb 22, 2017 at 18:06

Abdennour TOUMI

94.6k42 gold badges271 silver badges274 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Abdennour TOUMI Over a year ago

Congrats 🎉 .. You are Welcome👋 @wallraks

Collectives™ on Stack Overflow

Getting Object: "undefined" on React

1 Answer 1

So , you might mean `body` instead of `rovers` , in this case , replace:

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

So , you might mean body instead of rovers , in this case , replace:

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related

So , you might mean `body` instead of `rovers` , in this case , replace: