您需要将输入的当前值保持在状态中(或通过回调函数或sideways或 _<
此处是您应用的状态管理解决方案>_将其值更改传递给父级,以便最终将其传递回您的组件作为道具),因此您可以导出按钮的禁用道具。
使用状态的示例:
<meta charset="UTF-8"><script src="https://fb.me/react-0.13.3.js"></script><script src="https://fb.me/JSXTransformer-0.13.3.js"></script><div id="app"></div><script type="text/jsx;harmony=true">void function() { "use strict";var App = React.createClass({ getInitialState() { return {email: ''} }, handleChange(e) { this.setState({email: e.target.value}) }, render() { return <div> <input name="email" value={this.state.email} onChange={this.handleChange}/> <button type="button" disabled={!this.state.email}>Button</button> </div> }})React.render(<App/>, document.getElementById('app'))}()</script>


