What does 'then(res => res.json())' in react-native fetch mean?

Question

What is meant by then(res => res.json()) in the snippet below in react-native fetch?

fetch(url)
      .then(res => res.json())
      .then(res => {
        this.setState({
          data: res,
          error: res.error || null,
          loading: false
        });

Answer 1

That's not really a react question since fetch and then are parts of js itself.

fetch returns an object as Promise that contains various information like headers, HTTP status etc. etc.

You have res.json() and various other possibilities. .json() will just return the body as promise with json content.

For more info: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

You can return the data as following:

• .arrayBuffer()
• .blob()
• .json()
• .text()
• .formData()