javascript - 如何使用 ReactJS 调用由 ChildA 中的事件引起的 childB 的方法

Question

我在我的项目中使用 React，并且对使用它还很陌生。以下是我面临的问题。

我有以下组件结构:

<Parent>
  <ChildA></ChildA>
  <ChildB></ChildB>
</Parent>

我想要以下功能:当在 Child A 中单击按钮时，我希望在 ChildB 中执行一个方法。

您能否告诉我如何在 ReactJS 中实现这一目标？

提前致谢!

Answer 1

对此有两个直接答案。

1. 使用事件发射器。在 ChildA 的点击处理程序中，您发出一个“whatever”事件。 ChildB 已为“whatever”事件注册了一个监听器，因此调用该事件的处理程序。

2. 使用引用文献。您将一个函数作为 prop <ChildA onWhatever={fn}> 传递给 ChildA ，并在 ChildB <ChildB ref="b"> 上添加引用在传递给 ChildA 的函数中，您执行 this.refs.b.method() .

但是，这是 XY problem 的示例。真正好的解决方案可能在于您退一步思考“单击按钮时，应该发生什么可观察到的变化？”而不是“应该调用什么方法？”。