Depois que adicionamos a props type="color" no arquivo formulário, o console começou a apresentar erros. Poderiam gravar uma aula de como resolver estes erros?
react-dom.development.js:1661 The specified value "" does not conform to the required format. The format is "#rrggbb" where rr, gg, bb are two-digit hexadecimal numbers.
Olá Felipe, tudo bem?
Pelo que entendi, você adicionou a propriedade type="color" em um formulário e o console começou a apresentar um erro informando que o valor especificado não está em conformidade com o formato necessário.
Esse erro ocorre porque a propriedade type="color" espera um valor no formato hexadecimal de seis dígitos, que representa uma cor em RGB. Verifique se você está passando um valor válido para essa propriedade.
Uma solução para esse problema seria utilizar uma biblioteca de seleção de cores, como o react-color, que já possui validação de cores e pode ajudar a evitar esse tipo de erro.
Espero ter ajudado e bons estudos!
Boa tarde Renan,
É basicamente isso, porém a propriedade foi passada apenas no campo que realmente vai ser uma seleção de cores, mas de alguma forma ele esta refletindo nos campos de textos. Se checar as aulas da para ver que o código do instrutor contem o mesmo erro e não houve solução.
Tentarei sua sugestão.
Fala, Felipe! Tranquilo?
Também fiquei com esse questionamento e, por acaso do destino, encontrei uma solução do próprio instrutor Luiz Fernando.
Para solucioná-lo, coloque o valor padrão do state como "#000000", que vai fazer com que a cor padrão do input seja preto, fazendo com que o aviso desapareça.
Aqui está a parte do código com o valor padrão:
const [corTime, setCorTime] = useState('#000000')