Mui Datepicker的params参数类型是什么?TypeScript中如何指定?
MUI DatePicker中renderInput参数的TypeScript类型指定
在使用MUI DatePicker的renderInput回调时,要给传递给TextField的params指定TypeScript类型,直接用MUI提供的内置类型即可:
- 首先从
@mui/x-date-pickers导入对应的类型:
import { DatePickerRenderInputProps } from '@mui/x-date-pickers';
- 在
renderInput的回调函数里为params标注类型:
<DatePicker label="Basic example" value={value} onChange={(newValue) => { setValue(newValue); }} renderInput={(params: DatePickerRenderInputProps) => <TextField {...params} />} />
如果用的是桌面端专属的DesktopDatePicker,就导入DesktopDatePickerRenderInputProps;移动端专属的MobileDatePicker则用MobileDatePickerRenderInputProps,这些类型都已经包含了TextField所需的所有属性,无需额外自定义。
内容的提问来源于stack exchange,提问作者vuvu
相关产品推荐
相关产品推荐

