How Can I Acces The Values Of My Async Fetch Function?

I want to use my fetched values in another function I'm really new to JS. So until now I tried this.setState() and a return value of the function . async fetchData() { const

Solution 1:

When you mark the function as async that implicitly wraps any return value it has with a Promise. You're not actually returning anything, so fetchData will just return a Promise that resolves to undefined.

So first, you need to actually return something from your function:

asyncfetchData() {
  const url = 'http://localhost:8080';
  const response = await fetch(url);
  const data = await response.json();
  return data; // It should already be parsed JSON since you called `response.json()`
}

Then you need to wait for the Promise to complete in the calling function:

// You can use async/awaitasyncsomeOtherFunction() {
  const value = awaitfetchData();
  // Do things...
}

// Or use .thensomeOtherFunction() {
  fetchData().then((value) => {
    // Do things...
  });
}