介绍
saga-event-observer 是一款针对 Redux-Saga 应用程序开发的轻量级事件监听器，可以监听 Saga 中的事件，以帮助您更好地监测事件的触发。
安装
在您的项目中使用 npm 安装：
npm install --save saga-event-observer
使用
创建 observer
首先您需要在您的应用程序中创建一个 observer 对象，它是用来监听事件的。可以使用 createObserver 方法创建一个 observer 实例。
import { createObserver } from 'saga-event-observer';
const observer = createObserver();监听对象上的事件
使用 observer 的 on 方法监听对象上指定事件的触发。例如，以下示例中创建了一个任务组件，在它的 componentDidMount 生命周期钩子中，添加了对一个名为 LOGIN_SUCCESS 的事件监听：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------- - ---- --------------
------ - ----- - ---- ------------
----- ----- ------- --------------- -
------------------- -
----- - --------- ----- - - -----------
---------------------------- -- -- -
---------------
---
-- -- ----- ---- ------------- --
--------
-
-------- -
------ ---------- -----------
-
-
----- ------------------ - -
------
--
------ ------- ------------- ---------------------------处理监听到的事件
当 observer 监听到一个事件触发，将会调用您提供的回调函数来处理这个事件。例如，在上一个示例中，当调用 login() 方法成功后，observer 将会调用 登录成功事件的回调函数。
取消事件监听
使用 observer 的 off 方法取消对对象上指定事件的监听。例如，在上一个示例中，在 componentWillUnmount 中取消对 LOGIN_SUCCESS 事件的监听：
-- -------------------- ---- -------
----- ----- ------- --------------- -
------------------- -
----- - --------- ----- - - -----------
----- ------------------- - -- -- -
---------------
--
---------------------------- ---------------------
--------
-
---------------------- -
----- - -------- - - -----------
----------------------------- ---------------------
-
-------- -
------ ---------- -----------
-
-
----- ------------------ - - ----- --
------ ------- ------------- ---------------------------总结
saga-event-observer 是一款轻量级的监听器，可以帮助您更好地监测事件的触发。在 Redux-Saga 应用程序中使用它，既可以提高代码的可读性，也可以在应用程序发生变化时，更快更容易地进行调试和维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055aad81e8991b448d83e0