antd form.list的disabled
时间: 2023-11-21 16:04:10 浏览: 221
`antd` 中的 `Form.List` 组件支持通过 `disabled` 属性禁用子元素的交互。具体来说,可以在 `Form.List` 组件的 `children` 函数中,通过 `disabled` 属性控制子元素的禁用状态,例如:
```jsx
<Form.List name="users">
{(fields, { add, remove }, { errors }) => (
<>
{fields.map((field, index) => (
<Form.Item
key={field.key}
label={`User ${index + 1}`}
validateTrigger={['onChange', 'onBlur']}
rules={[
{
required: true,
whitespace: true,
message: "Please input user's name or delete this field.",
},
]}
{...field}
>
<Input disabled={index === 0} />
</Form.Item>
))}
</>
)}
</Form.List>
```
在上面的例子中,我们设置了第一个子元素的 `disabled` 属性为 `true`,使其不可编辑。
阅读全文