如何在ReactJS中创建，监听和触发自定义事件？

Question

我需要创建全局自定义事件，以便能够监听并触发它。 在 jQuery 中，我会这样做：

$(document).on('myCustomEvent', function(){
    console.log("myCustomEvent triggered");
})

$(document).trigger('myCustomEvent');

为什么？

我需要在不相关的组件之间建立通信。

问题：

如何在 ReactJS 中倾听和触发全球自定义事件？

Answer 1

如果要添加侦听器，您仍然可以使用jQuery执行此操作。在componentWillUnmount开始收听并停止收听{{1}}，请参阅{{3}}。如果它想要是全局的（子组件可见），你可以在最顶层的组件中执行此操作并使用props向下传播。