

Seu próximo nível começa aqui
Seu desenvolvimento não pode ter limites. Garanta sua Assinatura Ilimitada e libere uma preparação completa com os melhores professores do Brasil.
Um desenvolvedor está criando uma aplicação React na qual o usuário pode inserir um texto e vê-lo imediatamente atualizado em tempo real em uma lista abaixo do campo de entrada. Para isso ele decide usar um estado local para armazenar o valor do campo de entrada e o conteúdo da lista. Nesse contexto, em condições ideais, a abordagem adequada para atualizar o estado quando o usuário digitar no campo de entrada é usar
this.setState em componentes funcionais para manter o estado atualizado a cada caractere digitado.
setState dentro de um componente de classe com this.state.input para atualizar o estado do campo.
o Hook useEffect para definir o valor de input toda vez que o campo tiver seu conteúdo alterado.
o Hook useState e atualizar o valor do estado diretamente no evento onChange do campo de entrada.
useState e useEffect em conjunto para garantir que o estado seja atualizado corretamente.