从父母到孩子的传递事件反应未定义

Question

父类组件：

toggleFunction = (event, ...otherProps) => {

    console.log(event) // EVENT GOT UNDEFINED

    console.log(otherProps) // THIS IS DISPLAYING WHAT IS NEED!

}

<Child updateFunction={(event) => this.toggleFunction(event,"PROPS-1","PROPS-2")}>

子功能组件：

const Child = ({ updateFunction }) => {

   ... OTHER CODE HERE

   <div onClick={() => updateFunction()}>Toggle</div>

}

我的问题是当我在父回调中创建事件并将其作为方法传递给子对象并在父类中执行父toggleFunction时。只有事件未定义，其他道具显示正确

我通过在子组件内创建事件并在父组件内访问找到了解决方案，但这对我来说并不像预期的那样有效！谁能解释我失败的原因。

Answer 1

您需要将事件从传递onClick到updateFunction：<div&nbsp;onClick={event&nbsp;=>&nbsp;updateFunction(event)}>Toggle</div>或者让我们onClick为您调用它，因为第一个参数是事件：<div&nbsp;onClick={updateFunction}>Toggle</div>