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

Question

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

我试过了

<fieldset {isDisabled} >

但得到错误 分析错误：意外的标记，预期的"...">

<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值，您将执行以下操作：

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

或者，使用data.isLocked

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