将完整窗体标记为只读的便捷方法
将完整窗体标记为只读的便捷方法
提问于 2019-05-08 14:24:33
我有一个包含多个表单项的antd表单，并尝试找到一种方法将整个表单标记为只读。我可以肯定地将每个输入组件设置为“disabled”，但我想知道是否有一种方便的方法可以通过API调用在表单上这样做，但我还不知道。
回答 2
Stack Overflow用户
发布于 2019-06-13 17:39:33
将antd表单包装在一个字段集中，并将其设置为“disabled”，效果非常好。
<fieldset disabled={editorDisabled}>
<Form>
...
<Form/>
<fieldset/>Stack Overflow用户
发布于 2019-05-10 19:11:00
我在form api中没有看到这样的选项，而且我认为这是罕见的用例，所以我怀疑它是否存在。但是，您可以简单地添加跟踪disabled状态的变量，即：
const YourAwesomeComponent = (props) => {
const disabled = someLogicToCalculateTheDisabledStatus(props);
return <Form ...>
<Input disabled={disabled} ... />
<Select disabled={disabled} ... />
<Button disabled={disabled} ... />
</Form>
}希望能有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56034706
复制相关文章
相似问题
腾讯云开发者
