材料 UI 选取器与类组件的 Formik 一起

Question

每当我尝试从选择器更改日期和时间时，我都会在我的 React 类组件中@material-ui/pickersFormik，我得到以下错误

类型

错误：无法读取未定义的属性"类型">

下面是我的代码

// Handle fields change
handleChange = input => e => { 
this.props.formikHandleChange(e);
this.setState({ [input]: e.target.value });
};
<MuiPickersUtilsProvider utils={MomentUtils}>
<DateTimePicker 
label="Creation Date"
name={creationDate}
onChange={handleChange('creationDate')}
value={values.creationDate} 
onBlur={formikHandleBlur}
/>
</MuiPickersUtilsProvider>

Answer 1

您可以使用formik setFieldValue

onChange={(date) =>
setFieldValue(
'creationDate',
date
)}

Answer 2

// Handle fields change
handleChange = (e, input) => { 
this.props.formikHandleChange(e);
this.setState({ [input]: e.target.value });
};
<MuiPickersUtilsProvider utils={MomentUtils}>
<DateTimePicker 
label="Creation Date"
name={creationDate}
onChange={(e) => handleChange(e,input)}
value={values.creationDate} 
onBlur={formikHandleBlur}
/>
</MuiPickersUtilsProvider>

您可以使用[e.target.name]: e.target.value设置属性