我在Next.js中尝试从MUI datepicker获取target.value时出错

0md85ypi  于 2023-05-22  发布在  其他
关注(0)|答案(1)|浏览(123)

我正在使用MUI DatePicker。当我尝试获取target.value时,我遇到了这个错误

这是我的代码

<LocalizationProvider dateAdapter={AdapterDayjs}>
  <DatePicker
    className={Turn.picker}
    defaultValue={date}
    InputProps={{ endAdornment: <CustomIconButton /> }}
    onChange={handleDateChange}
  />
</LocalizationProvider>

这是我的hangleDataChange函数

const [date, setDate] = useState();
const handleDateChange = (event) => {
  setDate(event.target.value);
};
8e2ybdfx

8e2ybdfx1#

您遇到的错误是因为handleDateChange函数没有接收预期的事件对象。
您应该直接使用DatePicker的onChange函数提供的值,而不是event.target.value。函数应如下所示:

const handleDateChange = (newValue) => {
  setDate(newValue);
};

相关问题