1
resposta

Cor não está sendo alterada

Quando altero a cor no input, a cor no fundo não está mudando e ficando fixa neste cinza claro, com este erro no console Insira aqui a descrição dessa imagem para ajudar na acessibilidadereact-dom.development.js:86 Warning: A component is changing a controlled input to be uncontrolled. This is likely caused by the value changing from a defined to undefined, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://reactjs.org/link/controlled-components

1 resposta

Oii, Dev! Tudo bem?

A mensagem de aviso mostrado no console ocorre quando há uma tentativa de alterar o valor de um componente controlado, no caso é o input.

Algumas soluções podem ajudar a corrigir:

  • Verifique se você está usando a variável estado para controlar o valor do input corretamente.
  • Certifique-se de que o valor do input esteja sendo definido corretamente no estado inicial ou no estado atualizado. Se você estiver atualizando o estado de forma assíncrona, verifique se está atualizando corretamente o valor do input no estado.
  • Verifique se você está passando o valor correto para a propriedade value do input. Isso deve ser o valor do estado do input.
  • Certifique-se de que você esteja atualizando o valor do input corretamente quando houver uma alteração. Normalmente, isso é feito por meio de um manipulador de eventos, como onChange, onde você atualiza o estado do input com o novo valor.

Em relação à mudança de cor do fundo, verifique se você está aplicando corretamente a nova cor no elemento de estilo do componente ou no estilo global.

Espero ter ajudado.

Bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!

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