与Formik一起使用时如何在Material UI中禁用文本字段

Question

我有一个可用于Formik表单的可回收Material UI文本字段-

<Fieldname="reportType"
    label="Report Type"
    disabled
    as={TextFieldOutLined}
/>

我想禁用reportType。当我像上面那样将残疾人传递给我的TextFieldOutLined时，它不起作用。

下面是我的TextFieldOutLined代码段。

const TextFieldOutLined = ({ label, disabled, ...props }) => {
    const classes = useStyles();

    const [field] = useField(props);
    return (
        <TextField
            className={classes.formControl}
            {...field}
            {...disabled}

Answer 1

当disabled={disabled}属性的值为真时，应将TextField传递到TextField组件以禁用disabled。

<TextField
    className={classes.formControl}
    {...field}
    disabled={disabled}