0
98
ViewsEliminar el valor basado en la condición de la casilla de verificación Formik en otros campos
Estoy usando react-formik para el formulario. Tengo un problema con la condición basada en la casilla de verificación, la relación de verificación con otros dos campos si el usuario verificó que los campos ocultos se muestran; de lo contrario, está oculto, el usuario desmarcó los dos restantes contiene valores, pero quiero si el usuario Desmarque todos los campos para vaciarlos.
Mi código:
Gracias por la ayuda
1 answers
Answer question0
cuando desee controlar el valor de un campo en función del valor de otro campo, puede utilizar setFieldValue proporcionado por Formik.
Los componentes Field tienen un accesorio de representación que es una función y que nos ayuda a acceder a setFieldValue en su argumento. Ahora, con setFieldValue accesible, puede usarlo para establecer el valor de los campos dependientes cuando la casilla de verificación está marcada o desmarcada.
Debe representar el componente de campo para su casilla de verificación como se muestra a continuación
<Field name="airconditioning" render={({ meta, form }) => { return ( <Checkbox checked={meta.value} onChange={(e) => { const { checked } = e.target; if (!checked) { form.setFieldValue("airconditioningType", ""); form.setFieldValue("airconditioningStarred", ""); } form.setFieldValue("airconditioning", checked || ""); }} name="checkedB" color="primary" /> ); }} />