Reactjs - 将点击事件传递给父级

Question

我的孩子活动

<div className="box" onClick={this.clickBox}></div>

在我的父母身上，我有方法

clickBox() {
  alert('hello');
}
and have bound it with

this.clickBox = this.clickBox.bind(this);

这不起作用，但如果我把这个方法放在它触发的孩子身上。

如何将事件传递给父母？

Answer 1

您可以TaskDefinitionThatExecutesLoggerScript作为道具发送给onClick

Child

然后在父母：

const Child = ({ onClick }) => <div className="box" onClick={onClick}></div>