Как отключить поле в Ant Design React Form? - PullRequest
Новая
       36

Как отключить поле в Ant Design React Form?

0 голосов
/ 23 апреля 2020

Я использую React с Ant Design и хочу отключить одно поле Form.Item username . Пожалуйста, смотрите мой пример кода ниже, 

<Form.Item disabled style={{ padding: '0px 20px' }}>
    {getFieldDecorator('username', {
        initialValue: this.state.userInfo.username,
        validate: [
            {
                trigger: ['onChange', 'onBlur'],
                rules: [
                    {
                        required: true,
                        message: t('pleaseInput.username'),
                    }
                ],
            },
        ],
    })
</Form.Item>

1 Ответ

1 голос
/ 23 апреля 2020

Вам необходимо отобразить какой-то компонент пользовательского интерфейса внутри вашего <Form.Item>.

Я полагаю, вы хотите отобразить <Input>, поскольку у вас есть имя пользователя. Вот что может быть возможно с вашим кодом: 

<Form.Item disabled style={{ padding: '0px 20px' }}>
    {getFieldDecorator('username', {
        initialValue: this.state.userInfo.username,
        validate: [
            {
                trigger: ['onChange', 'onBlur'],
                rules: [
                    {
                        required: true,
                        message: t('pleaseInput.username'),
                    }
                ],
            },
        ],
    })(
        <Input
         // This is where you want to disable your UI control
         disabled={true}
         placeholder="Username"
        />
      )}
</Form.Item>
...