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

Type d'évaluation

Mise en situation réelle

Analyse

Intelligence Artificielle

Compétences ciblées

react
usestate
useeffect
memoization

Scénario Technique

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.

Prêt à évaluer ce talent ?

Accédez à l'interface de test complète pour soumettre votre architecture ou votre code.

Commencer le Défis
    React - Correction d'un state dérivé provoquant un rendu incohérent | Test Technique & Recrutement