[英]How to disable a field in Ant Design React Form?
我正在使用带有Ant 设计的 React,我想禁用一个 Form.Item用户名字段。 请参阅下面的示例代码,
<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>
您需要在<Form.Item>
中显示某种 UI 组件。
我想你想显示一个<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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.