Fetching JSON data from REST APIs

data.json----------------------------------

[

    {

    "userId": 1,

    "id": 1,

    "title": "sunt aut facere repellat provident occaecati exc.

    },

    {

    "userId": 1,

    "id": 2,

    "title": "qui est esse",

    "body": "est rerum tempore vitae\nsequi sint nihil reprehenderit dolor.

App.js

import {useEffect, useState } from 'react';

const App =() =>{

const [dataList, setDataList] = useState([]);

useEffect(()=>{

    fetch('http://localhost:3000/data.json')

    .then(response => response.json())

    .then(data => setDataList(data));

},[]);  

    return(    

 <div>    

{dataList && dataList.map((team)=>{

return (

<>

<div key={team.id}>  

<p>{team.id}</p>

<p>{team.title}</p>

</div>

  </>

)})}

    </div>  

 )

}

export default App;