在函数中创建输入更改事件答案

【问题标题】：Create input change Event in a function在函数中创建输入更改事件
【发布时间】：2019-05-12 06:05:54
【问题描述】：

我正在使用对打字稿做出反应。我有一个获取输入更改事件的父函数。

父组件：

public onFormChange = (key: string) =>
  (event: React.ChangeEvent<HTMLInputElement>): void => {
  .....
  }

public render(): React.ReactNode {
  return (
   ....
   <Child onChange={onFormChange(key)}>
   ...
  )
}

我在子组件中创建了对象，看起来像事件：

public onChangeTitle = () => {

  this.props.onChange({target: {value: 'val'}});
}

但是，它会触发Maximum update depth exceeded 错误

那么，我应该如何以编程方式在子函数中创建事件？我无法更改父函数。请用打字稿举例。

【问题讨论】：

标签： reactjs typescript dom-events

【解决方案1】：

改为（因为它正在调用该函数。）

<Child onChange={this.onFormChange(key)}>

使用（设置参考）

<Child onChange={this.onFormChange}>

【讨论】：