Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

função onChange em function components

Na aula 3 da parte 2 do curso de React o instrutor escreve o seguinte código para guardar o valor do input em uma variável:

<input type="text" ref={(input) => this.senha = input}/>

Sem precisar declarar a variável "senha" no estado do componente. Minha dúvida é, posso usar essa mesma forma de armazenar o valor do input em um componente de função ao invés de classe ?

Exemplo:

export default function Form() {
    return(
        <form>
            <input type="text" ref={(input) => this.senha = input}/>
        </form>
    );
}

Funcionaria da mesma forma ?

1 resposta
solução!

Boa noite, Luan! Como vai?

Não vai funcionar pois nesse caso o this fica com o valor undefined. Faz um teste apenas com esse código que vc postou e vai ver que já dará erro.

Qualquer coisa é só falar!

Grande abraço e bons estudos, meu aluno!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software