Gostaria de saber qual a funcionalidade/significado dos colchetes não fim da arrowfunction dentro do hook useEffect
usEffect(() => {}, [ ])
Gostaria de saber qual a funcionalidade/significado dos colchetes não fim da arrowfunction dentro do hook useEffect
usEffect(() => {}, [ ])
hoje, com a Alura e o Google Gemini
Olá Pedro!
Eles têm uma funcionalidade importante e são chamados de "dependências" ou pelo menos uma lista de "dependencias" que podem ser vazios ou não, e são usados para especificar quais variáveis o useEffect deve observar para executar novamente a função passada como primeiro parâmetro.
Por exemplo, se você passar uma variável dentro dos colchetes, como [contador], o useEffect será executado novamente toda vez que o valor da variável contador for alterado. Isso é útil quando você precisa executar algum código toda vez que uma determinada variável mudar.
Se você deixar os colchetes vazios, [] assim como está na aula, o useEffect será executado apenas uma vez, no momento em que o componente for montado.
Espero ter ajudado e Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!