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

Question

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

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

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

---

有什么用？

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

---

问题:

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

Answer 1

如果您想添加监听器，您仍然可以使用 jQuery 来完成。在 componentDidMount 中开始监听并在 componentWillUnmount 中停止监听，参见 the docs .如果它想成为全局的(对子组件可见)，您可以在最顶层的组件中执行此操作并使用 props 向下传播。