如何禁用React按钮有条件的状态值？

Question

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

但是我现在想在保存按钮上添加一个布尔值来禁用逻辑。所以在我当前的页面中，我有一个叫做email的状态，如果这个状态是空的，我想禁用这个按钮。

我做了如下尝试，将{！this.state.email}传递到按钮的disabled属性中，但它不会禁用save按钮。与此示例类似：

 <Button primary={true} disabled={!this.state.email} onClick={this._onSave}>Save</Button>

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

问题:

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

以下是我当前部分的要点：

http://hastebin.com/jufahijoza.js

Answer 1

请看我的评论以获得解释。

    _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);     
        }