disp

App.js

import './App.css';
import axios from "axios";
import DisplayTask from "./components/DisplayTask";
import {useState} from "react";
import {useEffect} from "react";

function App() {
    useEffect(() => {
        axios.get('https://localhost:8000/api/projects/1/tasks')
            .then((response) => response.data)
            .then((data) => {
                setTasks(data);
            });
    }, [])

    const [tasks, setTasks] = useState(null);
  return (
    <>
      <h1>Task</h1>
        {tasks && tasks['hydra:member'].map(task => (
            <DisplayTask task={task}  />
        ))}

    </>
  );
}

export default App;