Reactخبير

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.

المهارات المستهدفة

reacthooksasyncracecondition

حالات تطبيقية أخرى في ⁨React⁩

عرض كل الحالات التطبيقية في ⁨React⁩

أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى