Retour à la leçonMission
Mission : l'affichage figé du compteur de tentatives
Diagnostiquer pourquoi un compteur stocké dans une ref n'apparaît jamais à l'écran, et exposer une API restreinte via forwardRef.
Contexte
Sur un formulaire de connexion, un développeur veut compter le nombre de tentatives échouées sans provoquer de re-rendu inutile à chaque essai, uniquement pour bloquer le bouton après 5 essais. Il écrit const tentativesRef = useRef(0); puis tentativesRef.current += 1; dans le handler d'échec, et affiche <p>Tentatives : {tentativesRef.current}</p> dans le JSX — le nombre reste bloqué à 0 à l'écran, même après plusieurs échecs visibles dans les logs console.log.