React material-ui KeyboardDatePicker 和 Formik 不工作

Question

我正在使用 material-ui 创建表单，并使用 Formik 和 Yup 进行验证。

TextField 组件工作完美，但是，KeyboardDatePicker 组件在控制台中出现以下错误

_onChange is not a function

现在正在展示

type is undefined.

下面是带有代码的cbs。 https://codesandbox.io/s/agitated-dust-wf6fn

Answer 1

只需将 onChange 函数更改为 this:

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

Answer 2

您可以使用 .setFieldValue 在 onChange 事件上手动设置值。

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

此方法适用于任何用例。

Answer 3

这是相同的沙盒演示

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