Tengo un código semi-heredado. Hay algunos componentes de Formik que se envuelven con withFormik() .

Lo principal es que la variable o los datos no forman parte de los accesorios iniciales del componente envuelto. Un posible ejemplo es si se está utilizando la API React Context. Eso significa que no es parte de los accesorios. Componente React rápido y simple y withFormik() a continuación con el gancho useContext de React que se usa en el componente envuelto, pero me gustaría acceder a él en el HOC withFormik().

Además, los datos no se pueden pasar a través de campos [ocultos] en el formulario. Me doy cuenta de que es una manera fácil de hacerlo y agarrarlo en valores. Me pregunto si hay otra manera.

 import React, { useContext } from 'react'; import { Form, Field, withFormik } from 'formik'; const MyForm = props => { const { section } = useContext( SectionContext ); return ( <Form> <Field component="input" name="name" /> {errors.name && touched.name && <div id="feedback">{errors.name}</div>} <button type="submit">Submit</button> </form> ); }; const MyEnhancedForm = withFormik({ mapPropsToValues: () => ({ name: '' }), handleSubmit: (values, { setSubmitting, props }) => { // Want to use the context, section. alert(JSON.stringify(values, null, 2)); setSubmitting(false); } })(MyForm);

Gracias por cualquier ayuda