Добавление атрибута core-ui в условный тег fieldset внутри компонента формы - PullRequest
Новая
       10

Добавление атрибута core-ui в условный тег fieldset внутри компонента формы

0 голосов
/ 23 сентября 2019

Я работаю с базой кода реагирующей пружинной загрузки, которая использует core-ui для внешнего интерфейса. Мне нужно отключить все поля формы, если форма используется.Я добавил атрибут isLocked в бэкэнд-таблицу и могу получить значение на странице, на которой нужно отключить поля.Я пробовал несколько подходов, но ни один из них не работает.

Я пробовал 

<fieldset {isDisabled} >

, но получаю ошибку Ошибка разбора: неожиданный токен, ожидаемый "..." 

<fieldset {data.isLocked ? 'disabled' : null} >

но также выдает похожую ошибку

Мне нужно использовать 

<fieldset disabled >

, поскольку отключенный набор полей core-ui по-другому не работает, см. Ссылку https://coreui.io/docs/components/forms/#disabled-forms

Если у кого-нибудь есть какие-либо предложения, пожалуйста, сообщите

Я пробовал вот так, но получаю ошибку 

{ data.isLocked && <fieldset disabled  >}

  Line 2320:  Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>?

  2318 |                               </Content>
  2319 |                               </fieldset>
> 2320 |                           </Form>
       |                           ^
  2321 |                       </div>

1 Ответ

1 голос
/ 23 сентября 2019

Не уверен, что вы в действительности используете для определения отключенной части, но в зависимости от вашего вопроса вам нужно использовать:

Используя значение isDisabled, вы сделаете что-то вроде следующего: 

<fieldset disabled={isDisabled === "disabled" ? true : false} >

ИЛИ, используя data.isLocked

<Form>
  <fieldset disabled={data.isLocked ? true : false} >
    ...
  </fieldset>
</Form>
...