0

tengo un problema con Formik, la libreria de Reactjs, he hecho un registro con el, y creo que algo va mal en mi codigo, ya que no me deja enviar el formulario con el metodo post de axios, me sale este problema "Warning: An unhandled error was caught from submitForm() TypeError: Object(...)(...).post is not a function" estoy aprendiendo Formik, no estoy muy familiarizado con el, asi que por eso este error, aqui le dejo el codigo a ver si me pueden ayudar con el problema, He semplificado algunas cosas, le he quitado la password y el email, pero el problema es el mismo no me deja enviar los datos, asi que otra vez, espero que me puedan ayudar, gracias!!!

export function FormSingUp() {
  const initialValues = {
    name: "",
    lastName: "",
    email: "",
    password: "",
  };
  
  
  
  const validate = (values) => {
    let errs = {};
    return errs;
  };
  
  const [stateUser, setStateUser] = useState(initialValues);
  const handleSubmit = async (values) => {
await axios()
  .post("/user", stateUser)
  .then((res) => {
    setStateUser(res.values);
  })
  .catch();
  };
  return (
    <Formik
      initialValues={initialValues}
      validate={validate}
      onSubmit={handleSubmit}>
      {({ errors, touched }) => (
        <Form className="SignUp">
          <div className="Name_LastName_Container">
            <Field
              name="name"
              id="nombre"
              type="text"
              placeholder="Nombre"
              className="Name_LastName"
            />
            <Field
              id="lastName"
              name="lastName"
              type="text"
              placeholder="Apellido"
              className="Name_LastName"
            />
          </div>
          <button type="submit" className="ButtonInput" onSubmit={handleSubmit}>
            Sign Up
          </button>
        </Form>
      )}
    </Formik>
  );
}

1 respuesta 1

0

Estás tratando axios como una función, cuando en realidad es un Objeto, por eso el error.

Sólo cambia esto

axios().post(...)

por

axios.post(...)

Y listo :D

4
  • Podrías explicar tu respuesta?
    – omargt8
    el 17 dic. 2021 a las 17:31
  • Jjajajajaja vaya, que error de novato XD
    – Elvisito
    el 18 dic. 2021 a las 18:35
  • Si me sirvio jajajja
    – Elvisito
    el 18 dic. 2021 a las 18:35
  • Gracias!!!!!!!!
    – Elvisito
    el 18 dic. 2021 a las 18:35

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.