如何在React中传递事件处理函数？

Question

我是React的新手，我仍然在努力找出最佳实践，所以请耐心等待。

所以，假设我有一个<ParentComponent />和一个<ChildComponent />，我想要以下行为：当点击孩子时，会发生一些事情。

我应该如何为onClick实施<ChildComponent />事件处理程序？

我应该在<ParentComponent />的课程中定义它，并将其作为<ChildComponent />传递给prop，以用作onClick={this.props.handleClick} 或我应该在<ChildComponent />中定义它，只需将其与onClick={this.handleClick}一起使用吗？

一种方法优于另一种方法，或者两者之间没有区别吗？

Answer 1

这完全取决于方法实际上做了什么。如果方法在父组件中使用或更改状态，则在父组件中定义它并将其作为props传递下来。如果该方法与父组件或其状态无关，则只需在子组件中定义它。