redux - 过滤掉 redux devtool 扩展中的操作

标签 redux redux-devtools-extension

我有一个 Action ,每秒钟发送一次。它从每秒钟接收一次数据的 Web 套接字连接发送。

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

enter image description here

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

我尝试执行以下操作:

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

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

换句话说,我希望操作已调度但未登录到 redux 开发工具中

最佳答案

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

Redux DevTools Extension设置有一个选项Filter actions in DevTools .只需在那里输入“METER_DATA_RECEIVE”。

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

关于redux - 过滤掉 redux devtool 扩展中的操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54099633/

相关文章:

javascript - 修改 react-boilerplate 以在 store 的单个键下嵌套注入(inject)的 reducer

javascript - Redux Devtool(chrome 扩展)不显示状态

angular - 如何使用ngrx启用trace和traceLimit?

angular - 由于过度使用内存和 CPU,NgRx 和 redux 开发工具出现性能问题

javascript - 替换对象内的数组 -Reducer

javascript - 未捕获的语法错误 : embedded: JSX value should be either an expression or a quoted JSX text (8:26)

angular - 错误类型错误 : Cannot assign to read only property 'isSelected' of object '[object Object]'

redux - 如何在 Chrome Inspector 窗口中配置 Redux DevTools,以便元素堆叠而不是并排?

javascript - 更新数组中的 1 个元素会触发 React 中其他元素的渲染吗?