I'm using fetch to get some stuff from an API like this:

fetch('.json')
        .then(
            data => console.log(data),
            error => console.log(error)
        )

But what I get back is the following object, not the actual data

_bodyBlob: Blob
_bodyInit: Blob
headers: Headers
ok: true
status: 200
statusText: undefined
type: "default"
url: ".json"

Can someone explain me whats wrong? I'm doing something wrong?

I'm using fetch to get some stuff from an API like this:

fetch('http://facebook.github.io/react-native/movies.json')
        .then(
            data => console.log(data),
            error => console.log(error)
        )

But what I get back is the following object, not the actual data

_bodyBlob: Blob
_bodyInit: Blob
headers: Headers
ok: true
status: 200
statusText: undefined
type: "default"
url: "http://facebook.github.io/react-native/movies.json"

Can someone explain me whats wrong? I'm doing something wrong?

• javascript
• react-native
• fetch-api

1 Answer 1

To get the data from the response you have to call data.json(); Example:

fetch('http://facebook.github.io/react-native/movies.json')
  .then((response) => response.json())
  .then((data) => {
    console.log(data);
  })
  .catch((error) => {
    console.log(error);
  });

(Assuming the response is in json).