How to fetch Api in React using Axios

 

import axios from 'axios';

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

const Contact = () => {

    const [data, setData] = useState();

    useEffect(() => {

        axios.get('https://jsonplaceholder.typicode.com/posts/1')

            .then(response => setData(response.data))

            .catch(error => console.log(error));

    }, []);

    return (

        <div className='container'>

            {data && (

                <div>

                    <h2>{data.title}</h2>

                    <h2>{data.userID}</h2>

                    <p>{data.completed ? 'Completed' : 'Incomplete'}</p>

                    <p>{data.body}</p>

                </div>

            )}

        </div>

    )

}

export default Contact