Correction d'un rendu conditionnel défaillant
السيناريو
Contexte : Une application interne affiche un message de bienvenue uniquement si l'utilisateur est connecté. Le Problème : Le message ne s'affiche jamais même lorsque la variable est à true. Contraintes : Conserver la logique actuelle et corriger uniquement l'erreur de rendu JSX. Code actuel : function Welcome() { const [isLogged, setIsLogged] = React.useState(true); return ( <div> {if(isLogged) {<p>Bienvenue</p>}} </div> ); } Livrable attendu : Corriger la syntaxe JSX afin que le message s'affiche correctement lorsque l'utilisateur est connecté.
المهارات المستهدفة
حالات تطبيقية أخرى في React
- Conception d'un hook personnalisé de gestion de formulaireمتقدم
- Correction d'un contexte global provoquant des re-rendus massifsخبير
- Correction d'un composant enfant recréé inutilementمتقدم
- Correction d'une condition de concurrence dans un hook personnaliséخبير
- Correction d'un state dérivé provoquant un rendu incohérentمتقدم
- Implémentation d'un moteur de formulaires dynamiques basé sur configurationخبير
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى