
import './App.css';
import axios from 'axios';
import {useEffect,useState } from 'react';
function App() {
const [databs, setDatabs] = useState([])
useEffect(()=>{
axios.get(" https://mocki.io/v1/d4867d8b-b5d5-4a48-a4ab-79131b5809b8")
.then((res)=>{
setDatabs(res.data)
})
.catch((err)=>{
console.log(err)
})
},[])
return (
<div>
{
databs.map((item)=>{
return(
<p>title = {item.name} ;<br></br>
city = {item.city} ;<br></br>
{/* description = {item.description} */}
</p>
)
})
}
</div>
);
}
export default App;
output:

title = Harry Potter ;
city = London ;
title = Don Quixote ;
city = Madrid ;
title = Joan of Arc ;
city = Paris ;
title = Rosa Park ;
city = Alabama ;

0 Comments