我在 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)
所有其他组件都正常工作,状态变化会立即显示。