Hooks Personalizados

Parte do curso de React

Você escreveu uma gaveta que abre e fecha. Três linhas de useState e um manipulador que inverte um booleano. Depois a mesma coisa para um menu suspenso, e de novo para um modal, e de novo para um link de "mostrar mais". Agora quatro componentes contêm as mesmas seis linhas e, quando você decidir que o botão de alternar também deve lembrar o último valor, vai ter que mexer em todos e vai esquecer um.

Um hook personalizado é a solução, e ele é bem menos exótico do que o nome sugere. É uma função JavaScript comum cujo nome começa com use e que chama, lá dentro, os hooks do próprio React. A definição acaba aí. Não há sintaxe especial, não há registro em lugar nenhum, não há nada a importar do React para declarar um.