Los Hooks son funciones que te permiten “enganchar” el estado de React y el ciclo de vida desde componentes de función. Los hooks no funcionan dentro de las clases — te permiten usar React sin clases.

React proporciona algunos Hooks incorporados como useState . También puedes crear tus propios Hooks para reutilizar el comportamiento con estado entre diferentes componentes.

Los Hooks son funciones de JavaScript, pero imponen dos reglas adicionales:

• Solo llamar Hooks en el nivel superior. No llames Hooks dentro de loops, condiciones o funciones anidadas.
• Solo llamar Hooks desde componentes de función de React. No llames Hooks desde las funciones regulares de JavaScript. (Solo hay otro lugar válido para llamar Hooks: tus propios Hooks personalizados. En un momento aprenderemos sobre estos).