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 事件等待调用函数，而不是语句。