сборщик пользовательского интерфейса материала с формиком с компонентом класса

У меня есть @material-ui/pickers с участием Formik в моем React Class Component всякий раз, когда я пытаюсь изменить дату и время из средства выбора, я получаю ошибку ниже

TypeError : Cannot read property 'type' of undefined

Ниже мой код

// 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>

2 ответа

вы можете использовать formik setFieldValue

        onChange={(date) =>
           setFieldValue(
             'creationDate',
                date
              )}
 // 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

Другие вопросы по тегам