api

 import React,{useState,useEffect} from 'react'

import { Table} from 'react-bootstrap';

export default function Ourdata() {

  const [post,setPost]=useState([]);

  const [loading,setloading]=useState(false);

  useEffect(()=>{

let data=fetch(`https://jsonplaceholder.typicode.com/photos`);

data.then(res=>{

  res.json().then(result=>{

    console.log(result);

    setPost(result);

    setloading(true);

  }).catch(err=>{

    console.log(err);

  })

}).catch(err=>{

  console.log(err);

})

  },[])

  return (

    <div>

      {loading?

     

      'goodmorning'

      :<div className="spinner-border text-success" role="status">

      <span className="visually-hidden">Loading...</span>

    </div>}

    </div>

  )

}