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

问题描述 投票:0回答:1

我有一个可用于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}
material-ui formik
1个回答
4
投票

disabled={disabled}属性的值为true时,应将TextField传递到TextField组件以禁用disabled

<TextField
    className={classes.formControl}
    {...field}
    disabled={disabled}
© www.soinside.com 2019 - 2024. All rights reserved.