Как отключить текстовое поле в пользовательском интерфейсе материала при использовании с Formik - PullRequest
0 голосов
/ 29 мая 2020

У меня есть готовое текстовое поле 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}

1 Ответ

4 голосов
/ 29 мая 2020

Вы должны передать disabled={disabled} вашему TextField компоненту, чтобы отключить TextField, когда значение disabled prop истинно.

<TextField
    className={classes.formControl}
    {...field}
    disabled={disabled}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...