Correction d'un two-way binding mal structuré entre composants
السيناريو
Contexte : Un composant enfant doit modifier une valeur passée depuis un composant parent. Le Problème : Les modifications effectuées dans l'enfant ne sont pas répercutées dans le parent. Contraintes : Utiliser correctement bind:prop entre parent et enfant. Aucune librairie externe. Code actuel : <!-- Parent.svelte --> <script> let value = ''; </script> <Child value={value} /> <!-- Child.svelte --> <script> export let value; function update() { value = 'Updated'; } </script> <button on:click={update}>Update</button> Livrable attendu : Mettre en place un binding bidirectionnel correct entre les deux composants.
المهارات المستهدفة
حالات تطبيقية أخرى في Svelte
- Correction d'un champ non synchronisé avec bind:valueأساسي
- Conception d'un moteur de formulaires dynamiques basé sur configuration JSONخبير
- 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خبير
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى