Question

我有一个包含多个表单项的antd表单，并尝试寻找一种将完整表单标记为只读的方法。我可以确定将每个输入组件设置为“禁用”，但是我想知道是否存在通过我不知道的API调用在表单上执行便捷操作的方法。

Answer 1

我在form api中没有看到这样的选项，并且我认为这是一种罕见的用例，因此我怀疑它是否存在。但是，您只需添加将跟踪disabled状态的变量，即：

const YourAwesomeComponent = (props) => {
     const disabled = someLogicToCalculateTheDisabledStatus(props);
     return <Form ...>
         <Input disabled={disabled} ... />
         <Select disabled={disabled} ... />
         <Button disabled={disabled} ... />
     </Form>
}

希望有帮助。

Answer 2

将antd表单包装在字段集中，并将其设置为“ disabled”效果很好。

<fieldset disabled={editorDisabled}>
  <Form>
    ...
  <Form/>
<fieldset/>

将完整表单标记为只读的便捷方法

2 个答案: