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

Share Improve this question Follow edited Mar 18, 2022 at 8:46 VLAZ 29.2k99 gold badges6363 silver badges8484 bronze badges asked Jul 6, 2016 at 13:42 HieroHiero 2,20577 gold badges3030 silver badges4848 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

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).