Javascript 如何在React/JS中的不同按钮单击时将Formcontrol切换为禁用或启用？

我是ReactJS新手，所以如果问题有点支离破碎，我会提前道歉

基本上，我正在创建一个网站的网页，有人可以更改他们的用户名和密码。我想在一个引导窗体中实现这一点，其中一个窗体控件有用户名，另一个窗体控件有密码，等等。一个按钮（编辑）将使窗体控件文本字段可编辑（启用），另一个按钮（保存）将使文本字段禁用

这就是我遇到问题的地方。从我到目前为止对react的了解来看，这涉及到改变状态。然而，道具禁用的工作方式是，它不是“disabled=true”或“disabled=false”，它只是“disabled”。因此，我不能将其设置为“disabled={this.state.x}”或类似的内容。这是相关的代码行

< FormControl controlId="testControl" type="text" placeholder="Username" />

基本上，在单击按钮（编辑）时，我希望禁用此功能，但我不确定如何做到这一点，因为任何提及禁用的内容都会导致FormControl被禁用，而不管它被设置为true或false

---

谢谢！请告诉我是否可以提供更多信息-正如我所说，我对ReactJS非常陌生。

您必须在编辑事件处理程序上触发状态更改，以便react知道重新呈现表单（react智能地执行此操作）

---

在没有任何状态更改的情况下，您必须操作DOM并实现您想要的任何功能

您必须在编辑事件处理程序上触发状态更改，以便react知道如何重新呈现表单（react智能地执行此操作）

在没有任何状态更改的情况下，您将不得不操纵DOM并实现您想要的任何目标