我刚刚将我的 React 项目升级到 MUI V5,其中 KeyboardDatePicker 组件已根据 MUI 文档迁移到 DatePicker。由于某种原因,React 库测试无法触发日期选择器组件的模拟处理函数。
\n我的组件
\nimport React from "react"\nimport AdapterDateFns from '@mui/lab/AdapterDateFns';\nimport moment from "moment"\nimport LocalizationProvider from '@mui/lab/LocalizationProvider';\nimport DatePicker from '@mui/lab/DatePicker';\nimport { TextField } from "@mui/material"\n// Required for Material UI datepicker since it is timezone sensitive\nexport const formatDate = date =>\n date ? new Date(moment(date).year(), moment(date).month(), moment(date).date()) : null\n\nexport default function IndependentDateRangePicker({\n handleStartDateChange,\n handleEndDateChange,\n startDateValue,\n endDateValue,\n disableDate\n}) {\n return (\n <LocalizationProvider dateAdapter={AdapterDateFns}>\n <DatePicker\n inputFormat="MM/dd/yyyy"\n aria-label="change start date" \n disabled={disableDate}\n value={formatDate(startDateValue)}\n onChange={handleStartDateChange}\n …Run Code Online (Sandbox Code Playgroud)