Sometimes, we want to do API call in React.
In this article, we’ll look at how to do API call in React.
How to do API call in React?
To do API call in React, we call the useEffect
hook.
For instance, we write
import React, { useState, useEffect } from "react";
const Comp = () => {
//...
useEffect(() => {
fetchDataFromBackend();
}, []);
//...
};
to call useEffect
in the Comp
component with a callback that calls fetchDataFromBackend
to make the request to the API we want.
We call useEffect
with an empty array so that the callback only runs when the component mounts.
Conclusion
To do API call in React, we call the useEffect
hook.