Это моя функция рендеринга:
render: function() {
return <div className="input-group search-box">
<input
onChange={this.handleTextChange}
type="text"
value={this.state.text}
className="form-control search-item" />
<span className="input-group-btn"></span>
</div>
}
и у меня есть это как обработчик событий:
handleTextChange: function(event) {
console.log(event.target.value);
this.setState({
text: event.target.value
});
}
Проблема заключается в том, что когда я "сохраняю" элемент или консоль .log печатает вывод, последний символ отсутствует - например, если я вхожу "первым", я буду распечатывать "firs" и должно быть другое ключевое событие для захвата последнего символа. Я пробовал onKeyUp
- который не позволяет мне вводить что-либо, и я также пробовал onKeyDown
и onKeyPress
, которые ничего не выводят.
Что здесь происходит и почему? и как я могу отобразить последнего персонажа?