将核心ui禁用属性条件添加到表单组件内的fieldset标记

Question

我正在使用react spring-boot代码库，该代码库使用core-ui作为前端，如果表单正在使用，我需要禁用所有表单字段。我已经向后端表添加了一个isLocked属性，并且可以在需要禁用字段的页面上获得值。我尝试了几种方法，但似乎都不起作用。

我试过了

<fieldset {isDisabled} >

但解析时出现get错误:意外的标记，应为"...“

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

但也会抛出类似的错误

我必须使用

<fieldset disabled >

因为禁用核心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>

Answer 1

不确定您真正使用的是什么来确定禁用的部件，但根据您的问题，您需要使用：

使用isDisabled value，您可以执行类似以下操作：

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

或者，使用data.isLocked

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