Is there a way to pass formik form values from a child component to a parent component and handle form submission in parent component only. I have a use case where I'm building a form for restaurant. The form will have many many fields. So I grou...

I am building a form a where a user can store multiple phone numbers and set the privacy of that number (whether he wants the number to be publicly displayed or not).  I have succesfully created the form but stuck in formik-yup validation and getting...

Is there a yup function that validates a specific length?   I tried .min(5) and .max(5), but I want something that ensures the number is exactly 5 characters (ie, zip code)....

I am trying to use Formik with Material-UI text field. Like so:  import TextField from '@material-ui/core/TextField'; import {   Field,   FieldProps,   Form,   Formik,   FormikErrors,   FormikProps } from 'formik'; import React, { Com...

GitHub discussion about this issue - https://github.com/jaredpalmer/formik/issues/529   I passed formik values to a function that is called in <Field/>'s onChange but when I type in the <Field/>, the last character does not fall in...

I'm trying to add a react-bootstrap alert to my Formik form so that the handleSubmit includes an alert to the user that the form has submitted.  I have used the react-bootstrap documented form of Alert, however I had to change the last line becau...

I have the following form written in React using Formik:  import React, { FunctionComponent } from 'react'; import { NavLink } from 'react-router-dom'; import { object, string } from 'yup'; import { Formik, FormikActions, Fiel...

I've put together a pretty basic contact form that works just fine. However I now need to start writing my unit tests and I've run into a load of problems (like I literally have only managed to get a snapshot test to pass so far).  So to star...

I'm using Formik's Field component to render an input like this:  <Formik    initialValues={initialValues}   onSubmit={onSubmit}   render={formProps => (     <Form>       <Field name="lastName" render={({ field, form })...

My app has form with <AutoSave/> component. This component calls submit once form values were changed. Everything works well but when changing the route it changes form values and <AutoSave/> calls submit. How to solve this problem? A pos...