Reactjs 当输入字段为空而未使用处理程序时禁用按钮

当输入字段为空时，我尝试禁用一个按钮，而不使用处理程序。 在检查条件之前，我只想在输入更改时启用按钮（尚未检查输入内容），但我确实看到状态更改（我可以在警报中看到），但按钮从未启用（我可以在调试器中看到）

构造函数（道具）{
超级（道具）；
this.state={'enableAdd'：false}
}
文本：{this.state.enableAdd=true；警报（this.state.enableAdd）}/>
添加

有什么想法吗

---

谢谢

您需要检查，如何更新状态值？

而不是直接更改状态值

this.state.enableAdd=true使用
设置状态

像这样：

this.setState({enableAdd=true});

检查
React
中的如何使用
状态
，了解其他详细信息

检查问题的工作示例：


类应用程序扩展了React.Component{
建造师（道具）{
超级（道具）；
this.state={'enableAdd'：false}；
this.addTODO=this.addTODO.bind（this）；
}
addTODO（）{
console.log（'clicked'）；
}
render（）{
返回
this.setState（{enableAdd:e.target.value！=''}）}/>
添加
}   
}
ReactDOM.render（，document.getElementById（'root'））
您需要检查，如何更新状态值？

而不是直接更改状态值
this.state.enableAdd=true使用
设置状态

像这样：

this.setState({enableAdd=true});

检查
React
中的如何使用
状态
，了解其他详细信息

检查问题的工作示例：


类应用程序扩展了React.Component{
建造师（道具）{
超级（道具）；
this.state={'enableAdd'：false}；
this.addTODO=this.addTODO.bind（this）；
}
addTODO（）{
console.log（'clicked'）；
}
render（）{
返回
this.setState（{enableAdd:e.target.value！=''}）}/>
添加
}   
}
ReactDOM.render（，document.getElementById（'root'））