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

Question

我有一个可修复的材料 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

您应该将disabled={disabled}传递给TextField组件，以便在 prop 的值为真实时禁用disabledTextField。

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