Tipando resposta da API
Tipando resposta da API
Para a tipagem de resposta da API precisamos criar dois types
type ProfileResponse = { name: string; avatar_url: string; } type User = { name: string; avatar: string; }
Importar as propriedades do nosso type
no useEffect()
:
useEffect(() => { async function fetchData() { const response = await fetch('https://api.github.com/users/rodrigorgtic'); const data = await response.json() as ProfileResponse; setUser({ name: data.name, avatar: data.avatar_url, }); } fetchData(); }, []);
E modificar o nosso estado:
const [students, setStudents] = useState<CardProps[]>([]);
Links úteis
Discord
O grupo é um dos pilares do nosso método e impulsiona tanto o desenvolvimento de habilidades técnicas e comportamentais, quanto a carreira através de conexões profissionais.
Plataforma
Nossa plataforma de aprendizado contínuo reúne todos os nossos programas completos e é a casa dos eventos gratuitos da Rocketseat.