1
resposta

[Bug] Limpeza dos inputs do formulário

Alguem pode me explicar o porque a limpeza do input da imagem não funciona ??

const Formulario = ({ aoCadastrar, times, cadastrarTime }) => {

    const [nome, setNome] = useState('')
    const [cargo, setCargo] = useState('')
    const [imagem, setImagem] = useState('')
    const [time, setTime] = useState('')
    const [nomeTime, setNomeTime] = useState('')
    const [corTime, setCorTime] = useState('')

    const aoSubmeter = (evento) => {
        evento.preventDefault()
        console.log('form enviado', nome, cargo, imagem, time)
        aoCadastrar({
            nome,
            cargo,
            imagem,
            time
        })
        setNome('');
        setCargo('');
        setImagem('');
        setTime('');
    }

Ele está exatamente igual aos outros e mesmo assim não funciona enquanto os outros de ambos os formulários funciona normal

1 resposta

Olá Fernando,

Pelo código que você compartilhou, parece que a lógica de limpeza está correta, então pode ser que o problema esteja em outro lugar.

Uma possível solução seria verificar se o input de imagem está sendo controlado corretamente pelo React. Certifique-se de que o valor do input está sendo atualizado corretamente toda vez que o usuário seleciona uma imagem.

Outra possibilidade é verificar se há algum erro no console do navegador que possa estar impedindo a limpeza do input de imagem.

Espero que essas sugestões ajudem a resolver o problema. Se ainda tiver dúvidas, é só falar.

Espero ter ajudado e bons estudos!