Bonjour,

Je suis en train de créer un custom hook useCart qui comprendra :
- un state cart, setCart
- 4 fonctions addItem, removeItem, quantityAdd, quantityRemove

J'ai importé ce hook dans mon composant Product.js

Hors, ça me renvoie un undefined sur mon cart mais je ne comprends pas pourquoi...

Je tiens à préciser que je débute sur React, est-ce que je dois utiliser l'API de contexte nécéssairement ici pour passer du state ?

Product.js

useCart.js

(note : j'ai testé de log une const avec juste du texte ça fonctionne bien)

Généralement les panier sont sauvegardé dans les cookies de l'utilisateur ou le localstorage.

Tu peux juste trouver un moyen de notifier que le localstorage à changer ou utiliser Redux qui est grosso modo équivalent à utiliser les contextes.

Le 04 septembre 2022 à 22:06:27 :
Généralement les panier sont sauvegardé dans les cookies de l'utilisateur ou le localstorage.

ça c'est si on veut sauvegarder un panier pour plus tard non ?

Tu peux juste trouver un moyen de notifier que le localstorage à changer ou utiliser Redux qui est grosso modo équivalent à utiliser les contextes.

Ok merci, mais j'aimerais ne pas utiliser redux justement pour faire du react pur et m'entraîner.
Mais du coup on peut utiliser les contextes juste sur un state ? (et du coup c'est bien parce que je n'ai pas utilisé l'api context sur mon state que ça me retourne un undefined ?)
Je galère à trouver la bonne synthaxe...

Merci beaucoup pour ta réponse.

T'as juste pas initialisé ton cart state
Premiere ligne de ton useCart function
const [ cart, setCart ] = useState([])

Si tu laisses ton useState vide ça équivaut à useState(undefined) donc à initialiser ton cart avec undefined.