接口只能扩展对象类型或对象类型与静态已知成员的交集

Question

我试图在这里使用 TextFieldProps，但没有任何效果。有人知道如何处理这个问题吗？如何正确使用 TextFieldProps？感谢帮助。

import TextField, { TextFieldProps } from '@mui/material/TextField';
import { colorThemes } from '../../variables/style.variables';

interface BDBTextFieldProps extends TextFieldProps {
  customColor?: string;
}

export const BDBTextField = ({
  customColor = colorThemes.primary,
  ...props
}: BDBTextFieldProps) => {
  return (
    <TextField
      {...props}
      sx={{
        '& label.Mui-focused': {
          color: customColor,
        },
        '& .MuiOutlinedInput-root': {
          '&.Mui-focused fieldset': {
            borderColor: customColor,
          },
        },
      }}
    />
  );
};

Answer 1

使用接口不允许您扩展具有静态未知成员的对象。尝试改用类型。