React Redux 中的无状态事件监听器

Question

我需要在我的基于事件的 react/redux 应用程序中添加功能。

我正在使用 redux，并且我有 reducer 可以通过操作更改我的应用程序状态。一些操作例如：(USER_CLICKED_BUTTON, AJAX_CALL_STARTED, AJAX_CALL_ERROR, AJAX_CALL_SUCCESS)

我想为这些事件添加侦听器并做一些与状态无关的工作，特别是调用另一个 API，如分析。

添加另一个没有实际状态的“reducer”是否有意义，它只是监听这些动作和行为（例如调用 ga(...)？）

类似这样的：

var Actions  = require ('../actions/actionTypes');

var gaReducer = function(state, action) {
    switch (action.type){
        case Actions.USER_CLICKED_BUTTON: 
               ga('send', 'event', 'user-clicked-button');
               break;
    }

    return state;

}

Answer 1

这听起来像是中间件的好案例。以https://github.com/evgenyrodionov/redux-logger 为例。

那么您的商店可能看起来像：

const middleware = [
  myAnalyticsMiddleware()
];

export default createStore(reducer, applyMiddleware(...middleware));