Using the axios library
You can also use other libraries for network calls. One very popular library is axios (https://github.com/axios/axios), which you can install in your React app with npm:
npm install axios
You must add the following import command to your React component before using it:
import axios from 'axios';
The axios library has some benefits, such as automatic transformation for JSON data. The following code shows an example call being made with axios:
axios.get('http://someapi.com')
.then(response => console.log(response))
.catch(error => console.log(error));
The axios library has its own call methods for the different HTTP methods. For example, if you want to make a POST request and send an object in the body, axios provides the axios.post method:
axios.post('http://someapi.com', { newObject })
.then(response => console.log(response))
.catch(error => console.log(error));
Now, we are ready to look at practical...