Correction d'une condition de concurrence dans un chargement asynchrone
السيناريو
Contexte : Une interface Svelte charge des données selon un paramètre dynamique sélectionné par l'utilisateur. Le Problème : Lors de changements rapides du paramètre, des réponses obsolètes écrasent les données plus récentes. Contraintes : Aucune librairie externe. Utiliser uniquement fetch et la réactivité native. Code actuel : <script> import { onMount } from 'svelte'; let id; let data; $: if (id) { fetch(`/api/item/${id}`) .then(res => res.json()) .then(result => data = result); } </script> Livrable attendu : Mettre en place un mécanisme empêchant les réponses obsolètes d'écraser l'état courant.
المهارات المستهدفة
حالات تطبيقية أخرى في Svelte
- Correction d'un compteur non réactif dans un composant Svelteأساسي
- Conception d'un système d'authentification sécurisé avec stores dérivésخبير
- Correction d'un rendu conditionnel mal structuréأساسي
- Correction d'une condition de concurrence avancée dans un store asynchroneخبير
- Correction d'une variable dérivée non réactiveأساسي
- Correction d'une fuite mémoire liée à des abonnements multiples aux storesخبير
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى