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

Question

我有一个可恢复的 Material UI 文本字段，我将其与我的 formik 表单一起使用 -

<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

当 prop 的值为true时，您应该传递disabled={disabled}给您的TextField组件以禁用您的组件。TextFielddisabled

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