Javascript 福米克'；s handleChange抛出；TypeError:null不是一个对象（正在计算一个类型）；日期输入'；一旦改变

当我将handleChange从Formik添加到“语义ui日历反应”DateInput组件时，我在选择日期时遇到以下错误

“控制台输出”

AddWishlistFormDate.tsx

 import { FormikErrors, FormikProps, withFormik } from 'formik';
 import * as React from 'react';
 import { DateInput } from 'semantic-ui-calendar-react';
 import { Button, Form } from 'semantic-ui-react';

 export interface FormValues {
  date: string;
}

 interface Props {
  submit: (values: FormValues) => Promise<FormikErrors<FormValues> | null>;
}

 class C extends React.PureComponent<FormikProps<FormValues> & Props> {
  public render() {
    const {
      values: { date },
      handleChange,
      handleSubmit,
    } = this.props;
    return (
      <Form onSubmit={handleSubmit}>
        <Form.Field>
          <label>Date</label>
          <DateInput
            name="date"
            value={date}
            iconPosition="left"
            onChange={handleChange}
          />
        </Form.Field>
        <Button type="submit">Add</Button>
      </Form>
    );
  }
}

 export const AddWishlistFormDate = withFormik<Props, FormValues>({
  mapPropsToValues: () => ({ date: '' }),
  handleSubmit: async (values, { props, setErrors }) => {
    const errors = await props.submit(values);
    if (errors) {
      setErrors(errors);
    }
  },
})(C);

从'formik'导入{FormikErrors，FormikProps，withFormik}；
从“React”导入*作为React；
从“语义ui日历反应”导入{DateInput}；
从“语义ui反应”导入{Button，Form}；
导出接口FormValue{
日期：字符串；
}
界面道具{
提交：（值：FormValues）=>承诺；
}
C类扩展了React.PureComponent{
公共渲染（）{
常数{
值：{date}，
handleChange，
手推，
}=这是道具；
返回(
日期
添加
);
}
}
export const AddWishlistFormDate=withFormik({
mapPropsToValues:（）=>（{date:'}），
handleSubmit:async（值，{props，setErrors}）=>{
常量错误=等待道具提交（值）；
如果（错误）{
设置错误（错误）；
}
},
})（C） )；

使用以下命令运行它

 const handleSubmit = async (values: FormValues) => {
    console.log(values);
    return null;
  };
  return <AddWishlistFormDate submit={handleSubmit} />;

const handleSubmit=async（值：FormValues）=>{
console.log（值）；
返回null；
};
返回；

您会这样做的

          <DateInput
            name="date"
            value={date}
            iconPosition="left"
            onChange={(_, {value}) => setFieldValue('date', value)}
          />

setFieldValue（'date'，value）}
/>

您会这样做的

          <DateInput
            name="date"
            value={date}
            iconPosition="left"
            onChange={(_, {value}) => setFieldValue('date', value)}
          />

setFieldValue（'date'，value）}
/>