ReactJs：更改<input />标记内的状态

Question

通常要更改文本字段中的更改，我做过类似的事情：

<input type="text" onChange={this.handleFirst}/>

handleFirst: function(e){
        this.setState({
            first: e.target.value
        });
    },

但我有几个input字段，并希望避免创建多个处理程序来管理状态更改。

有没有办法做这样的事情？

<input type="text" onChange={this.setState({last:e.target.value})}/>

当我尝试这样做时，我收到一条错误e is not defined（据我所知）。有没有办法访问input的价值？

Answer 1

如果你想这样做，你需要把它包装在一个函数中：

<input type="text" onChange={e => this.setState({ last: e.target.value })} />

onChange事件等待调用函数，而不是语句。