Skip to main content
2 de 3
adicionou 188 caracteres ao conteúdo
Bins
  • 3,8mil
  • 2
  • 7
  • 10

Como Limpar Formalario no React

Então pessoal estou com um problema, eu fiz um formalario que envia os dados do input pelo submit a uma API, porem não consigo limapr os dados aposso o submit.

const initialValue = {
    nome: '',
    sobrenome: '',
    email: '',
    endereco: '',
    numero: '',
    cidade: '',
    bairro: '',
    cep: '',
    numCelular: '',
    numTelefone: '',
  }

  const [values, setValues] = useState(initialValue);


  function onChange(evento) {
    const { name, value } = evento.target;
    setValues({ ...values, [name]: value })


  }

  function onSubmit(evento) {
    evento.preventDefault();
    /*     fetch('http://127.0.0.1:8000/clientes/')
        .then(function(res){ 
          return res.json()
        }).then(function (resConvertida){
          console.log(resConvertida)
        }) */

    fetch('http://127.0.0.1:8000/clientes/', {
      method: "POST",
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(values)
    })
      .then(response => response.json())
      .then((response) => {
        console.log(response.message);
        
      });

      
  }
Myag
  • 11
  • 2