import React, { useState, useEffect } from "react";
export const Users = () => {
const [users, setUsers] = useState<IUser[]>([]);
useEffect(() => {
async function load() {
setUsers(await ApiService.getUsers());
}
load();
});
return (
<UsersContainer>
{users.map((user, id) => (<User>{user.name}</User>))}
</UsersContainer>
);
};const api = "/api";
const getApi = async url => {
const res = await fetch(`${api}${url}`);
if (!res.ok) {
throw new Error(`Error ${url}` + `, ${res.status}`);
}
return res.json();
};
const getAll = async () => {
const res = await getApi("/person");
return getPerson(res)
};
getAll().then(res => console.log("res", res));
