Sometimes, we want to use Async/Await with Axios in React.js.

In this article, we’ll look at how to use Async/Await with Axios in React.js.

How to use Async/Await with Axios in React.js?

To use Async/Await with Axios in React.js, we can use it in a function.

For instance, we write

const axios = require("axios").default;

const sendGetRequest = async () => {
  try {
    const resp = await axios.get("https://jsonplaceholder.typicode.com/posts", {
      headers: {
        authorization: "Bearer YOUR_JWT_TOKEN_HERE",
      },
    });

    console.log(resp.data);
  } catch (err) {
    console.error(err);
  }
};

sendGetRequest();

to define the sendGetRequest function.

In it, we call axios.get to make a get request.

And then we get the response body from resp.data.

We get the error from err.

Conclusion

To use Async/Await with Axios in React.js, we can use it in a function.