import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
import { DatePicker } from '@mui/x-date-pickers/DatePicker';
const CustomTextField = styled(TextField)(({ theme }) => ({
'& .MuiInputBase-input': {
padding: '8px',
},
}));
<div style={{ width: '50%' }}>
<LocalizationProvider dateAdapter={AdapterDayjs}>
<DatePicker format='MM/DD/YYYY'
renderInput={(params: TextFieldProps) => <CustomTextField {...params} />}
/></LocalizationProvider>
这是我的代码。 我在 renderInput 行中收到以下错误。
输入 '{ 格式:字符串; renderInput: (params: TextFieldProps) => 元素; }' 不可分配给类型“IntrinsicAttributes & DatePickerProps
上不存在属性“renderInput”& RefAttributes”。 类型“IntrinsicAttributes & DatePickerProps & RefAttributes”.ts(2322)
请帮我解决
为什么会出现这个错误以及如何解决?
renderInput
不再出现在 MUI API 中:https://mui.com/x/react-date-pickers/date-picker/
您必须使用
textField
https://mui.com/x/api/date-pickers/date-picker/#slots中的
Slots
。例如:
<DatePicker
{...props}
slots={{
textField: params => <CustomTextField {...params} />
}}
/>