Correction d'un state dérivé provoquant un rendu incohérent

Scénario

Contexte : Une application interne affiche une liste de produits avec un total calculé dynamiquement pour le reporting. Le Problème : Le total affiché ne correspond pas toujours à la somme réelle des produits après mise à jour du panier. Contraintes : Vous devez corriger le calcul sans ajouter de librairie externe. Utilisation autorisée de useMemo si nécessaire. Code actuel : function Cart({ items }) { const [total, setTotal] = React.useState(0); React.useEffect(() => { setTotal(items.reduce((acc, item) => acc + item.price, 0)); }, []); return <div>Total : {total}</div>; } Livrable attendu : Corriger la logique pour que le total se mette à jour correctement lorsque items change.

Compétences ciblées