Reactأساسي

Réparation d'un useEffect déclenché en boucle

السيناريو

Contexte : Vous reprenez un composant chargé d'afficher un compteur synchronisé avec le titre du navigateur. Le Problème : L'application devient lente et semble entrer dans une boucle infinie de rendu. Contraintes : Vous devez corriger le problème en utilisant correctement le tableau de dépendances de useEffect. Code actuel : function TitleCounter() { const [count, setCount] = React.useState(0); React.useEffect(() => { document.title = "Compteur " + count; setCount(count + 1); }); return <p>{count}</p>; } Livrable attendu : Corriger l'effet pour éviter les rendus infinis tout en conservant la mise à jour dynamique du titre.

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

reactuseeffecthooksperformance

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

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

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