Reactjs 如何在状态值上有条件地禁用React按钮？

我添加了一个带有一个输入和一个保存按钮的简单表单。调用save函数并按预期工作

但是我现在想在save按钮上为禁用的逻辑添加一个布尔值。因此，在我的当前页面中，我有一个名为

email

的状态，如果该状态为空，我希望禁用该按钮

我做了如下尝试，将

{！this.state.email}

传递到按钮的disabled属性中，但它没有禁用save按钮。与此类似：

保存

我还在_onBlur方法中记录了该值，我可以看到正在填充电子邮件状态

问题:

如何将组件状态绑定到按钮禁用属性

这是我当前组件的要点：

---

请看我的评论以获得解释

    _onBlur(event) {
       //if(true or false)
       // this.refs.myInputButton theres your button now disable/enable it with javascript

this.props.setUserEmail(event.target.value); 
            console.log(this.state.email);     
        }

---

请看我的评论以获得解释

    _onBlur(event) {
       //if(true or false)
       // this.refs.myInputButton theres your button now disable/enable it with javascript

this.props.setUserEmail(event.target.value); 
            console.log(this.state.email);     
        }

---

你为什么用这样的状态？你不应该那样使用它。状态应用于视图。只需创建一个变量，并根据需要将其设置为true或false。然后使用一个条件语句来检查它是真是假。在if语句中禁用/启用按钮。为什么要使用这样的状态？你不应该那样使用它。状态应用于视图。只需创建一个变量，并根据需要将其设置为true或false。然后使用一个条件语句来检查它是真是假。并且在if语句的内部禁用/启用按钮。