Helpful for get data from another server. its JSON formate.
import React,{useEffect,useState} from "react"
function App() {
const [users,setUser]=useState([])
useEffect(()=>{
fetch("http://localhost:4000/todo").then((result)=>{
result.json().then((resp)=>{
// console.warn(resp)
setUser(resp)
})
})
},[])
console.warn(users)
return (
<div className="App">
<h1>Get API Call </h1>
<table border="1">
<tbody>
<tr>
<td>ID</td>
<td>Name</td>
<td>Email</td>
<td>Mobile</td>
</tr>
{
users.map((item,i)=>
<tr key={i}>
<td>{item.userId}</td>
<td>{item.name}</td>
<td>{item.email}</td>
<td>{item.mobile}</td>
</tr>
)
}
</tbody>
</table>
</div>
);
}
export default App;© www.thecoderjob.com. All Rights Reserved. Designed by HTML Codex