Le hook useState

Voir la vidéo
Description Sommaire

Dans les chapitres précédent on a vu qu'il était possible de définir un composant à partir d'une simple fonction.

function PrimaryButton ({children, ...props}) {
   return <button {...props}>{children}</button>
}

Malheureusement, avant la sortie de react 16.8 il n'était pas possible d'utiliser un état pour ce type de composant. Ce problème a été corrigé avec l'apparition d'une nouvelle API au sein de react : l'API des hooks.

useState

Les hooks apportent une approche fonctionnelle à la gestion de l'état.

function Compteur () {
    const [count, setCount] = useState(0);
    const increment = function () {
        setCount(n => n + 1)
    }
    return <button onClick={increment}>Incrémenter {count}</button>
}
Publié
Technologies utilisées
Auteur :
Grafikart
Partager