在反应打字稿代码中，我得到 ts 2322

Question

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 & RefAttributes”。 类型“IntrinsicAttributes & DatePickerProps & RefAttributes”.ts(2322)

上不存在属性“renderInput”

请帮我解决

为什么会出现这个错误以及如何解决？

Answer 1

自 v5 以来，

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} />
  }}
/>