Create a component that fetches and displays hardcoded data from a mock API.
EasyProblem Statement
Create a component that fetches and displays hardcoded data from a mock API.
Sample Input
Hardcoded mock data:
{ 'id': 1, 'title': 'Learn React', 'completed': true }Sample Output
Task: Learn React, Completed: Yes
Limits
Time: 2s · Memory: 256 MB
Code Editor
00:00
import React, { useState, useEffect } from "react";
const FetchData = () => {
const [data, setData] = useState(null);
useEffect(() => {
// Simulate fetching data
const mockData = { id: 1, title: "Learn React", completed: true };
setData(mockData);
}, []);
return (
<div>
{/* Render the task details */}
</div>
);
};
export default FetchData;
Input
Hardcoded mock data:
{ 'id': 1, 'title': 'Learn React', 'completed': true }Expected Output
Task: Learn React, Completed: Yes