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

我正在使用一个react-spring引导代码库，该代码库使用前端的核心ui。如果表单正在使用，我需要禁用所有表单字段。我在后端表中添加了一个isLocked属性，可以在需要禁用其上的字段的页面上获取值。我试过几种方法，但似乎都不管用

我试过了

<fieldset {isDisabled} >

但是得到错误 分析错误：意外令牌，应为“…”

但也抛出了类似的错误

我必须使用

<fieldset disabled >

因为核心用户界面字段集禁用不能以任何其他方式工作，请参阅链接

如果有人有任何建议，请告知

我试过这样做，但还是出错了

{ 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>

{data.isLocked&&}
第2320行：解析错误：相邻的JSX元素必须包装在封闭标记中。你想要一个JSX片段吗。。。？
2318 |                               
2319 |                               
> 2320 |                           
|                           ^
2321 |                       

不确定您确定禁用零件的真正用途，但根据您的问题，您需要使用：

使用

isDisabled

value可以执行如下操作：

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

---

你的意思可能是

。您还可以共享一些渲染代码，似乎JSX错误被抛出，因此使用“”会导致窗体始终被禁用，无论其正确与否，这取决于您的

isDisabled

值它所包含的内容和计算方式。我认为这是我必须使用的核心ui的一个问题“我已在控制台和”仍然禁用表单仅在禁用存在或不存在时有效

disabled

prop本身禁用HTML元素，您不会将

false

传递给它，而是会处理它，因此我说这取决于它包含什么以及如何计算。分享相关代码，以便获得更多的见解，以便我们能够更好地帮助您感谢您的帮助”“感谢it将对此进行更多的研究

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

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