Correction d'une condition de concurrence dans un hook personnalisé
السيناريو
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.
المهارات المستهدفة
حالات تطبيقية أخرى في React
- Correction d'une liste dynamique qui ne se met pas à jourأساسي
- Correction d'un composant enfant recréé inutilementمتقدم
- Création d'un composant Toggle réutilisableأساسي
- Correction d'un state dérivé provoquant un rendu incohérentمتقدم
- Création d'un système simple de compteur de caractèresأساسي
- Création d'un système simple de gestion d'erreurs APIمتقدم
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى
