Удобный способ пометить полную форму как только для чтения

Question

У меня есть форма antd с несколькими элементами формы, и я пытаюсь найти способ пометить полную форму только для чтения. Я мог бы точно установить для каждого компонента ввода значение «отключено», но мне интересно, есть ли удобный способ сделать это в форме с помощью вызова API, которого я пока не знаю.

Answer 1

Обертывание формы antd внутри набора полей и установка для нее значения 'disabled' работает довольно хорошо.

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

Answer 2

Я не вижу такой опции в форме API , и я думаю, что это редкий случай использования, поэтому я сомневаюсь, что он существует.Тем не менее, вы можете просто добавить переменную, которая будет отслеживать состояние disabled, то есть:

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

Надеюсь, это поможет.