过滤掉redux devtool扩展中的操作

Question

我有一个动作，每秒发送一次。它是从Web套接字连接中分派的，该套接字每秒钟接收一次数据。

这使我的devtool充满了很多这些动作，因此使调试其他动作和东西变得困难。

有没有办法从记录器中过滤掉所有这些“噪音”

我尝试执行以下操作：

const composeEnhancers =
  window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
    actionsBlacklist: 'METER_DATA_RECEIVE'
  }) || compose;

但这不仅会过滤掉记录器中的操作，还会过滤出应用程序中的操作。也就是说，它没有被调度，所以它和不调用我不想要的动作一样好。

换句话说，我要调度动作，但不登录redux开发工具

Answer 1

您是否尝试过此附加组件...

https://github.com/bvaughn/redux-devtools-filterable-log-monitor

Answer 2

您可以在浏览器中进行配置。

在Redux DevTools Extension设置中，有一个选项Filter actions in DevTools。只需在此处输入“ METER_DATA_RECEIVE”即可。

要修改扩展程序设置，请点击Redux标签右下角的齿轮图标，或在Chrome扩展程序详细信息屏幕中选择Extension Options。

Answer 3

我正在使用此方法在我的代码中过滤掉动作，它可以正常工作-过滤掉动作，但仍将其分派。

如果您使用其他中间件，也许这很麻烦。

middlewares.push(ReduxPromise, reduxThunk);
let composeEnhancers = compose;

const composeEnhancers =
  window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
    actionsBlacklist: [
         'METER_DATA_RECEIVE',
         'METER_UPLOAD_PARTS',
    ]
  }) || compose;

const store = createStore(reducers, composeEnhancers(applyMiddleware(...middlewares)));