how to hit api reactJS and react native || HimachaliCoder

 






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 ;



Post a Comment

0 Comments