\n\n\n

{$user.name}

\n\nCorriger la mise à jour du store afin de respecter le mécanisme réactif natif de Svelte.","learningResourceType":"Practice problem","educationalLevel":"medium","teaches":["svelte","store","writable","reactivity","state"],"programmingLanguage":"Svelte","provider":{"@type":"Organization","name":"CodeDuel","url":"https://codeduel.net"},"step":[{"@type":"HowToStep","text":"تحليل المطلوب والعناصر الموجودة."},{"@type":"HowToStep","text":"تنفيذ الحل."},{"@type":"HowToStep","text":"التحقق عبر الاختبارات والذكاء الاصطناعي."}],"url":"https://codeduel.net/ar/challenges/fRsuye16OHSNUxLKju9a","inLanguage":"ar"}
Svelteمتقدم

Stabilisation d'un store personnalisé provoquant des mises à jour incohérentes

السيناريو

Contexte : Vous reprenez une application Svelte utilisant un store personnalisé pour partager l'état utilisateur entre plusieurs composants. Le Problème : Lorsqu'une mise à jour est effectuée, certains composants ne se mettent pas à jour correctement ou affichent des valeurs obsolètes. Contraintes : Vous devez conserver un store writable natif de Svelte. Aucune librairie externe autorisée. Code actuel : // store.js import { writable } from 'svelte/store'; export const user = writable({ name: 'John', role: 'admin' }); // Component.svelte <script> import { user } from './store.js'; function updateName() { user.name = 'Alice'; } </script> <button on:click={updateName}>Update</button> <p>{$user.name}</p> Livrable attendu : Corriger la mise à jour du store afin de respecter le mécanisme réactif natif de Svelte.

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

sveltestorewritablereactivitystate

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

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

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