React Hooks Fetch Data
1 min readSep 13, 2020
import React, { useState, useEffect } from “react”;
const App = () =>
{
const [hasError, setErrors] = useState(false);
const [data, setData] = useState({});
async function fetchData()
{
const response = await fetch(“http://ergast.com/api/f1/2004/1/results.json");
response
.json()
.then(res => setData(res))
.catch(err => setErrors(err));
}
useEffect(() => {
fetchData();
});
return (
<div>
<span>{JSON.stringify(data)}</span>
<hr />
<span>Has error: {JSON.stringify(hasError)}</span>
</div>
);
};
export default App;