À propos de ce tutoriel
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>
}