0

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

我试过了

<fieldset {isDisabled} >

但得到错误解析错误：意外的令牌，预期的“......”

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

但也会抛出类似的错误

我必须使用

<fieldset disabled >

因为 core-ui fieldset disabled 不能以任何其他方式工作，请参阅链接 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>
4

1 回答 1

1

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

使用价值isDisabled你会做如下的事情：

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

或者，使用data.isLocked

<Form>
  <fieldset disabled={data.isLocked ? true : false} >
    ...
  </fieldset>
</Form>
于 2019-09-23T19:22:13.457 回答