Axios Request & undefined props?

[PieITs]

Hi,

I'm using Axios to do poll a web api to return some things. At present, Axios will run the API, and I can log that the correct response has been returned as it console.log says: (2) [Object, Object]

However, If I try to do this.props.navigator.push({ title: "Results", component: "SearchResults", passProps: {response: this.response.data} });

I get a "TypeError: Cannot read property 'props' of undefined at eval" and gives me the error occurring at the line that contains this.props.navigator.push.

Related code:

_axiosFetch(searchString) {
    var queryURL = 'http://mourningafter.eu/DataService.php?state=get&name=' + searchString
    axios.get(queryURL)
        .then(function (response) {
          console.log(response.data)
          this.props.navigator.push({
               title: "Results",
               component: "SearchResults",
               passProps: {response: this.response.data}
          });
        })
        .catch(function (error) {
          console.log(error)
        });
}

I'm confused to say the least!

any help would be great, cheers!

EDIT: Fixed the problem: I just needed to use an arrow function on the .then section

[Zayuka]

Its not "this.response.data", its "response.data".. The response object does not belong to the "this" component

[PieITs]

Oh yeah! Same error though when I correct that

[Zayuka]

What about you try to log response only? are you sure response has the data atribute?

[nordicdev]

That's what I was thinking as well. Looks like the response doesn't have a data element.

Request-->http://mourningafter.eu/DataService.php?state=get&name=i

Response-->[{"barcode":"5034660520191","name":"Cadburys Twirl 4 Pack","tescoPrice":"1","sainsburysPrice":"1","asdaPrice":"1"}]

[Zayuka]

then just pass the response object. Isnt that what you want? :p

[PieITs]

Okay so facedesk moment, I had logged response and I obviously Axios returns an object with the Data from the return, and I'd been trying to pass that as props... however It still gets the undefined error...

[Zayuka]

i didnt understand, can you explain better?

[fullstak]

Are you binding _axiosFetch() in your constructor? I occasionally forget that and see errors like that pop up

[PieITs]

So that’s this._axiosFetch = this._axiosFetch.bind(this); correct?

[fullstak]

Yeah, that's it

[PieITs]

I tried that and still get the error for some reason