Quiero publicar algunos datos con Axios y estoy usando formik, pero como formik no necesita un estado externo para rastrear los campos de entrada, no sé qué pasar en la carga útil de la solicitud de publicación de Axios.
const Form = () => { const submitHandler = (e) => { e.preventDefault(); axios .post("http://127.0.0.1:8000/todo/todos/", { // i dont know what to put here, before i use formik it was like this //state,}) }; return ( <Formik initialValues={{ title: "", description: "", }} validationSchema={validate} > {(formik) => ( console.log(formik.values), ( <StyledForm onSubmit={submitHandler}> <div> <div> <Input name="title" type="text" /> </div> <div> <Textarea type={"text"} name="description" as="textarea" /> </div> </div> </StyledForm> ) )} </Formik> ); }; export default Form;Dado que Formik maneja sus values , también debe usarlo para enviar su formulario.
La función onSubmit que pasa a Formik tiene todos los values necesarios.
const submitHandler = (values) => { axios.post("http://127.0.0.1:8000/todo/todos/", values); // further handling }; return ( <Formik initialValues={{ title: "", description: "", }} validationSchema={validate} onSubmit={(values) => submitHandler(values)} > ...