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

我已经添加了一个带有一个输入和一个保存按钮的简单表单。保存功能被调用并按预期工作。如何在状态值上有条件地禁用React按钮？

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

我曾尝试如下，通过{!this.state.email}到按钮的disabled属性，但它不会禁用保存按钮。与此相似example：

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

我也记录在_onBlur方法的价值，我可以看到电子邮件的状态被填充。

问：

你怎么可以绑定组件状态按钮关闭属性？

这是我的电流分量的要点：

http://hastebin.com/jufahijoza.js

来源

2016-11-26 Brian J

你为什么要这样使用状态？你不应该那样使用它。国家应该用于观点。只需创建一个变量，并根据需要将其设置为true或false。然后使用条件语句来检查它是真是假。 –

并在if语句中禁用/启用按钮。 –

看看我一个解释的意见。

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

来源

2016-11-26 20:25:23

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

回答

相关问题