Retour aux cas pratiques
ReactExpert
Correction d'une condition de concurrence dans un hook personnalisé
Scénario
Contexte : Un hook personnalisé useFetch est utilisé pour charger des données selon un paramètre dynamique. Le Problème : Lors de changements rapides du paramètre, les réponses arrivent dans le désordre et écrasent les données plus récentes. Contraintes : Vous devez corriger la condition de concurrence sans librairie externe. Code actuel : function useFetch(url) { const [data, setData] = React.useState(null); React.useEffect(() => { fetch(url) .then(res => res.json()) .then(result => setData(result)); }, [url]); return data; } Livrable attendu : Implémenter une solution empêchant l'écrasement des données par des réponses obsolètes.
Compétences ciblées
reacthooksasyncracecondition