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

我是ReactJS的新手，所以如果问题有点分散，我提前道歉。

基本上，我正在创建一个网站的页面，有人可以改变他们的用户名和密码。我想在一个引导表单中实现这一点，其中一个表单控件有用户名，第二个有密码等。一个按钮(编辑)将使FormControl文本字段可编辑(启用)，另一个按钮(保存)将使文本字段禁用。

这就是我遇到问题的地方。从我目前对react的了解来看，这涉及到改变状态。然而，道具disabled的工作方式是，它不是"disabled=true"或"disabled=false"，它只是"disabled"。因此，我不能使它为"disabled={this.state"。X}之类的东西。下面是相关的代码行…

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

基本上，在一个按钮上单击(编辑)我想使此禁用，但我不确定如何做到这一点，当任何提到禁用将导致FormControl被禁用，无论它被设置为true或false。

谢谢!如果我能提供更多的信息，请告诉我——正如我所说，我对ReactJS非常陌生。