В React метод, возвращающий не может прочитать свойство 'target' из неопределенного

Question

Родительский компонент содержит метод handleBlur, а дочерний компонент имеет поле ввода, которое вызывает метод handleBlur в родительском элементе. Каждый раз, когда я что-то печатаю в поле, это всегда приводит к ошибке и возвращает ошибку " TypeError: Невозможно прочитать свойство 'target' неопределенного "

метода в родительском объекте:

handleBlur = e => {
  console.log("e: ", e);
  const { name, value } = e.target;
}

поле ввода в дочернем поле:

<Input
  id="amount"
  title="Required: Amount"
  name="amount"
  value={amount}
  handleBlur={this.props.handleBlur}
  handleChange={(name, value) =>
    this.props.handleChangeOnDollarAmount(name, value)
  }
/>

Answer 1

Событие размытия не срабатывает, пока вы не покинете поле. Поскольку возникает ошибка «Каждый раз, когда я что-то печатаю в поле», проблема, скорее всего, не в функции handleBlur.

Похоже, что ваша handleChange имеет неверную подпись.

Измените его, чтобы принять событие, и используйте событие, чтобы получить свойства name и value.

handleChange={(e) => {
  this.props.handleChangeOnDollarAmount(e.target.name, e.target.value)
}}