Comment connecter React à une API REST proprement ?
posée a month ago67 vuesfr
Je cherche la meilleure façon de récupérer des données d'une API REST dans un composant React avec TypeScript.
Dois-je utiliser useEffect directement ou une librairie comme React Query ? Quels sont les pièges courants (course conditions, cleanup) ?
🤖 Diagnostic IA
Généré par IA. Ce n'est pas une réponse — la communauté ci-dessous le confirme ou le corrige. Vérifiez toujours avant de vous y fier.
2 réponses
In the App Router, prefer a Server Component and fetch on the server:
export default async function Page() {
const items = await fetch('https://api.example.com/items', { next: { revalidate: 60 } })
.then(r => r.json());
return <List items={items} />;
}You get loading via loading.tsx and errors via error.tsx for free.
Connectez-vous pour dire si ça a marché.
Use a data-fetching library. @tanstack/react-query handles caching, race conditions and cleanup for you:
const { data, isLoading, error } = useQuery({
queryKey: ['items'],
queryFn: () => fetch('/api/items').then(r => r.json()),
});Rolling your own is fine for one screen, but it doesn't scale.
Connectez-vous pour dire si ça a marché.
Sign in and verify your email to post an answer.