小编Dre*_*Big的帖子

MUI DatePicker 无法与 Formik 一起正常工作

我在 React 项目中使用 Formik 来处理表单并使用 MUI UI 组件。

我可以选择日期、月份,但年份部分不会改变。如果我在文本字段中手动输入年份,年份部分不会反映在更改的状态中。

这是我的代码:

                 <LocalizationProvider dateAdapter={DateAdapter}>
                   <DatePicker
                     name="birthday"
                     id="birthday"
                     variant="standard"
                     label="Birthday"
                     value={formik.values.birthday}
                     renderInput={(params) => (
                       <TextField {...params} variant="standard" fullWidth/>
                     )}
                     onChange={(value) => formik.setFieldValue('birthday', value, true)}
                     error={formik.touched.birthday && Boolean(formik.errors.birthday)}
                     helperText={formik.touched.birthday && formik.errors.birthday}
                   />
                 </LocalizationProvider>
Run Code Online (Sandbox Code Playgroud)

初始状态:

const initialFormState = {
  birthday: Date.now(),
};
Run Code Online (Sandbox Code Playgroud)

所有其他组件都正常工作,状态变化会立即显示。

javascript datepicker reactjs material-ui formik

7
推荐指数
2
解决办法
1万
查看次数

标签 统计

datepicker ×1

formik ×1

javascript ×1

material-ui ×1

reactjs ×1