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

时间:2016-11-26 20:12:31

标签: reactjs button state

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

但我现在想在保存按钮上添加布尔值到禁用逻辑。因此,在我当前的页面中,我有一个名为email的状态,如果该按钮为空,我想禁用该按钮。

我尝试的是以下内容,将{!this.state.email}传递到按钮的禁用属性,但它没有禁用保存按钮。与此example类似:

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

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

问题:

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

这是我当前组成部分的要点:

http://hastebin.com/jufahijoza.js

1 个答案:

答案 0 :(得分:0)

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

var express = require('express');
var app = express();
app.use('/js', express.static(__dirname + '/public/js'));