React material-ui KeyboardDatePicker 和 Formik 不起作用

Question

I'm creating a form with material-ui and I'm using Formik and Yup for validation.

The TextField components work perfectly, however, the KeyboardDatePicker component presented the following error in the console

_onChange is not a function

and is now presenting

type is undefined.

Below is a cbs with the code. https://codesandbox.io/s/agitated-dust-wf6fn

Answer 1

you can use .setFieldValue to set value manually on onChange event.

 onChange={val => {
      console.log("___", val);
      formik.setFieldValue("dob", val);
 }} 

this method will work in any usecase.

Answer 2

Here is the sand box demo for the same

https://codesandbox.io/s/formik-material-ui-date-picker-with-yup-validate-f3mdp

Answer 3

只需像这样更改onChange函数：

onChange={(name, value) => formik.handleChange('dob', value)}