Create a component that fetches and displays hardcoded data from a mock API.

Easy

Problem Statement

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

Try your code in this preview. Submit marks it done.

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;

Open Sandbox

Programming Exercises

Create a component that fetches and displays hardcoded data from a mock API.

Problem Statement

Sample Input

Sample Output

Limits

Hint 1