1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s

: / var / www / cdcdhaka.org / resources / _vite / ts /

Filename : App.tsx

back

import React, { useEffect, useState } from "react";

// import "./../css/app.css";

type User = {
    id: number;
    name: string;
    email: string;
};

export default function App() {
    const [users, setUsers] = useState<User[] | null>([]);

    useEffect(() => {
        fetch("http://localhost:8000/api/users", {
            headers: { "Content-Type": "application/json" },
        })
            .then((res) => res.json())
            .then((data) => setUsers(data));
    }, []);

    return (
        <>
            {users?.map((user: User) => {
                return (
                    <p
                        className="text-blue-500 text-3xl font-bold"
                        key={user.id}
                    >
                        {user.id}. {user.name} ({user.email}) DDD
                    </p>
                );
            })}
        </>
    );
}