我建议坚持
name使用
input元素上的标准HTML属性来标识您的输入。另外，您不需要将“总计”作为单独的值保留在状态中，因为可以通过在您的状态中添加其他值来构成“总计”：
var Hello = React.createClass({ getInitialState: function() { return {input1: 0, input2: 0}; }, render: function() { const total = this.state.input1 + this.state.input2; return ( <div>{total}<br/> <input type="text" value={this.state.input1} name="input1" onChange={this.handleChange} /> <input type="text" value={this.state.input2} name="input2" onChange={this.handleChange} /> </div> ); }, handleChange: function(e) { this.setState({[e.target.name]: e.target.value}); }});React.renderComponent(<Hello />, document.getElementById('content'));
