13

我有一个动作,每秒钟调度一次。它从每秒接收数据的 Web 套接字连接分派。

这导致我的 devtool 充满了很多这样的操作,因此很难调试其他操作和东西。

在此处输入图像描述

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

我尝试执行以下操作:

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

但这不仅会过滤掉记录器中的操作,还会过滤掉应用程序中的操作。即,它没有被调度,所以它与不调用我不想要的动作一样好。

换句话说,我希望动作被调度但没有登录到 redux 开发工具

4

3 回答 3

9

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

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

要修改扩展设置,请单击 Redux 选项卡右下角的齿轮图标,或Extension Options在 Chrome 扩展详细信息屏幕中选择。

于 2019-03-18T12:28:58.123 回答
4

我正在使用这种方法过滤掉我的代码中的动作,它工作得很好——动作被过滤掉了,但仍然被分派了。

如果您正在使用其他中间件,也许这会弄乱它。

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)));
于 2019-06-17T10:44:31.907 回答
0

你试过这个插件吗...

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

于 2019-01-08T22:53:29.590 回答