javascript - 在React中，方法返回无法读取未定义的属性 'target'

Question

父组件包含方法handleBlur，子组件有一个输入字段，该输入字段会触发父组件中的方法handleBlur。每次当我在字段中输入内容时，它总是失败并返回错误“TypeError:无法读取未定义的属性“目标” ”

父级方法:

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

在您离开 field 之前，模糊事件不会触发。由于错误发生在“每次我在字段中输入内容时”，因此问题很可能不在 handleBlur 函数中。

您的 handleChange 签名似乎不正确。

将其更改为接受事件，并使用该事件获取 name 和 value 属性。

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