fetch data from api async await in javascript

To fetch data from an API using async/await in JavaScript, you can use the fetch() method along with await in an async function. The fetch() method returns a promise with the response of the API.

Here's an example of how to fetch data from an API using async/await:

index.tsx
async function getData() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}
216 chars
10 lines

In the above code snippet, we define an async function getData() that performs an API call using the fetch() method. We use await to make sure that the API returns a response before moving to the next line of code.

The fetch() method returns a promise that resolves to the response of the API. We then call the json() method on the response to return a promise that resolves to the JSON data of the response.

Finally, we log the data to the console. We also wrap the entire code block in a try/catch statement so that we can handle any errors that may occur during the API call.

You can call the getData() function to fetch data from the API asynchronously.