[Sample code submission]

[Swarupwasnik]

import React,{useState,useEffect}from "react"; import "../components/Main.css"; import Axios from "axios"; // import { render } from "react-dom"; // import { off } from "process"; // import { userInfo } from "os";

const client=Axios.create({ baseURL:"https://api.soowgood.com/api/AppointmentSettings/AppointmentListForBooking/" }) function Main(){ const[post,setPost]=useState([]); // const [error,setError]=useState([]) useEffect(()=>{ const fetchData=async()=>{ try{ const response=await client.post('/', {

"ServiceProviderId":"eb9ce487-8c86-49ef-aff9-17dd2f49d459",

"AppointmentType":"Clinic"

// headers:{ // 'Content-type': 'application/json; charset=UTF-8', // } } ); console.log(response.data) setPost(response.data) } catch(error){ // if(error.response){ // console.log(error.response.data); // console.log(error.response.status); // console.log(error.response.headers); // } else if(error.request){ // console.log(error.request); // }else{ // console.log('Error', error.message); // } console.log(error); } } fetchData()

},[]);

return (

// <CARD>
<div>

    <div className="block">
      {post && post.length>0 &&  post.map((userobj,index) => (
        <div className="box">

home {userobj.clinicname}

pin_drop Location
{userobj.cliniccurrentaddress}

timer
Appointement Date:


{userobj.appointmentEndingDate}- {userobj.appointmentStartingDate}

{/ Timer /}

{userobj.appointmentDayOfWeek}

{userobj.dayStartingTime}-{userobj.dayEndingTime}

{userobj.appointmentstartime}-{userobj.appointmentendtime}

{userobj.appointmentstartime}-{userobj.appointmentendtime}

{userobj.appointmentstartime}-{userobj.appointmentendtime}

{userobj.appointmentDate}

</div>

      ))}
    </div>

</div>

)

}

export default Main;

[Swarupwasnik]

i am getting axios error and data isnot rendering