Ed
mês passado
A função `useEffect` é um hook do React (e React Native) que permite realizar efeitos colaterais em componentes funcionais. Ela é utilizada para lidar com operações como chamadas de API, manipulação de eventos, ou atualizações de DOM, que não podem ser feitas diretamente durante a renderização do componente. ### Como usar o `useEffect`: 1. Importação: Primeiro, você precisa importar o `useEffect` do React. ```javascript import React, { useEffect } from 'react'; ``` 2. Estrutura básica: ```javascript useEffect(() => { // Código do efeito colateral aqui return () => { // Código de limpeza (opcional) }; }, [dependências]); ``` 3. Parâmetros: - O primeiro parâmetro é uma função que contém o código do efeito. - O segundo parâmetro é um array de dependências. O efeito será executado sempre que uma das dependências mudar. Se o array estiver vazio, o efeito será executado apenas uma vez, após a montagem do componente. ### Exemplo: ```javascript useEffect(() => { // Chamada de API ou outra operação console.log('Componente montado ou dependência alterada'); return () => { // Código de limpeza, se necessário console.log('Componente desmontado ou dependência alterada'); }; }, [/* dependências */]); ``` ### Resumo: O `useEffect` é essencial para gerenciar efeitos colaterais em componentes funcionais, permitindo que você execute código em momentos específicos do ciclo de vida do componente.