Retour à la leçon
Mission

Mission : stopper la suppression fantôme des tâches

Corriger un handler exécuté au rendu au lieu du clic, et sécuriser un clic imbriqué avec stopPropagation.

Contexte

Sur TaskItem.jsx, dès que la page se charge, toutes les tâches disparaissent instantanément sans qu'aucun clic n'ait eu lieu. Le code contient <button onClick={onSupprimer(tache.id)}>Supprimer</button>. Ce composant TaskItem est aussi cliquable dans son ensemble pour ouvrir un détail (onClick={ouvrirDetail} sur le <div> englobant), et un bouton "Favori" à l'intérieur déclenche par erreur l'ouverture du détail en plus de son propre effet.