React用一个回调函数处理多个组件的回调，不写重复代码

看到了一种优化代码的方法，想到了原来写多个组件的时候都是用了多个回调函数。

this.setState({[e.target.name]: e.target.value})；

可以用一个回调函数处理多个组件的回调，代码如下：

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'));

经常总结，让代码更加的简洁。