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 ожидает функцию вызова, а не утверждение.