Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Value do Input com problema

Boa tarde!

Ao utilizar o VALUE do INPUT conforme mostrado no curso... value={this.state.nome}

Ocorre um Warning no console do navegar: Warning: InputCustomizado is changing an uncontrolled input of type text to be controlled. Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://fb.me/react-controlled-components

Lendo o link indicado no Warning têm uma orientação para usar o VALUE da seguinte forma: value={this.state.value}

Fiz a alteração e funcionou.

Por que no exemplo do curso não dá errado? Somente no meu?

Qual seria o correto? Pois na documentação do React está indicando desta forma.

Obrigado!

2 respostas
solução!

engraçado que na documentação está fazendo que nem é sugerido no curso, usando o react como "single source of truth". Precisamos descobrir qual detalhe do seu código ta disparando o warning.. tem como colocar o código no github? posso baixar e dar uma olhada.

Olá Alberto, acabei de descobrir o problema.

Na constructor eu esqueci de adicionar as variáveis na this.state.

Estava assim: this.state = this.state = {lista : []};

O correto seria assim, como no curso: {lista : [],nome:'',email:'', senha:''};

Obrigado pela atenção!

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