Fetch api response being undefined

Question

This question has been asked but none of the answers helped.

In react native I'm making an api call with this:

  getAuthToken = () => {

  SecureStore.getItemAsync('authToken')
  .then((authToken) => {
    console.log(authToken);
    fetch('https://example.com?token=' + authToken + '&order_id=5480', {
      method: 'POST',
      headers: {
        Accept: 'application/json',
        'Content-Type': 'application/json',
      }
    }
)
})
.then(res => res.json())
.then(result => {
    console.log(result)
  })
.catch(error => {
    console.error(error);
})
}

In post man I can confirm this works:

However console.log(result) keeps returning as undefined. Any ideas what I'm doing wrong?

Postman has 8 headers set while you only have 2 set. This could cause the issue. — Get Off My Lawn
– Get Off My Lawn, Commented Jul 2, 2019 at 21:28

Paul Fitzgerald · Accepted Answer · 2019-07-02 21:28:23Z

2

Your syntax is a bit off and your then block is not part of your fetch request. Update to the following and it should work

getAuthToken = () => {
  SecureStore.getItemAsync("authToken").then(authToken => {
    console.log(authToken);
    fetch("https://example.com?token=" + authToken + "&order_id=5480", {
      method: "POST",
      headers: {
        Accept: "application/json",
        "Content-Type": "application/json"
      }
    })
      .then(res => res.json())
      .then(result => {
        console.log(result);
      })
      .catch(error => {
        console.error(error);
      });
  });
};

answered Jul 2, 2019 at 21:28

Paul Fitzgerald

12.1k4 gold badges45 silver badges57 bronze badges

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

Collectives™ on Stack Overflow

Fetch api response being undefined

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related