Получить объект события в реагирующих формах после вызова onChange

Question

Работает с реагировать, но столкнулся с несколькими блокировщиками, особенно с формами.

Когда я передаю метод или функцию onChange и передаю событие моему обратному вызову. Получение всевозможных результатов, как показано на изображениях ниже:

так вот мой метод, реализованный как часть класса, который расширяет React.Component.

Это то, что я получаю в консоли при вводе некоторых значений в поле ввода.

Что именно здесь происходит?

Я ожидал, что параметр «events» будет объектом события, поэтому я могу получить доступ к цели, но вместо этого события - это значение, которое я ввел во входные данные.

Все время я интересовался извлечением объекта события, но в итоге получал значение каждый раз.

Если я хочу работать с объектом события onChange элемента, как мне это сделать? Например, в Angular есть событие $

.

Answer 1

сначала вы должны связать свой метод handleInput в своем конструкторе, как показано ниже

this.handleInput = this.handleInput.bind(this).

и

handleInput: (event) => {

  console.log("event ", event)
  console.log("value ", event.target.value)

}

Answer 2

Вы получаете свои входные значения с event.target.value.

handleInput: (event) => {
  const { name, value } = event.target

  console.log(name, value)
}