EN
React - Axios - GET request
0
points
In this article, we would like to show you how to make Axios GET requests in React.
Note: it is required to add external library to run below example, so use:
npm install axios
Axios GET request example
In the example below, we use async-await
, but you might as well do it on promises.
Note: we are making a request to jsonplaceholder, so the example will work when you copy it.
import React from 'react'
import axios from 'axios'
const App = () => {
const handleClick = async () => {
const response = await axios
.get('https://jsonplaceholder.typicode.com/todos/4')
.catch((err) => console.log(err));
if (response && response.data) {
console.log(response.data);
}
};
return (
<div>
<button onClick={handleClick}>Click to send GET request</button>
</div>
);
};
export default App;
Online runnable example: