引言
redux-devtools-log-monitor-filtrable 是一个用于 Redux 开发工具的插件。它提供了一个增强版的 log monitor，能够更好地过滤和搜索 Redux 的日志信息。本文将详细介绍如何使用 redux-devtools-log-monitor-filtrable。
安装
首先，你需要通过 npm 安装该插件。
npm install --save-dev redux-devtools-log-monitor-filtrable
然后，你需要在你的 Redux 应用中集成该插件。首先，创建一个 Redux Store。
import { createStore } from "redux";
import rootReducer from "./reducers";
const store = createStore(rootReducer);接下来，你需要为 Redux DevTools 集成该插件。其中，FilterableLogMonitor 是指定的 log monitor 类名。
-- -------------------- ---- ------- ------ - ------------------- - ---- --------------------------- ------ - -------------------- - ---- --------------------------------------- ----- ---------------- - --------------------- -- ------- ---- ----- ----------------- --------------- --- ----- ------- -- ------ -------- --------------------- --- ----- ----- - ------------------------ ------------------
使用
现在，你就可以愉快地使用增强版的 log monitor 了。当你打开 Redux DevTools 时，你应该能够看到可以对日志信息进行高级搜索和过滤的界面了。
例如，通过输入框可以输入搜索关键词，然后只看到与该关键词相关的 Redux 日志。
同样的，你也可以通过点击过滤器按钮，选择想要过滤的 log 类型，然后只看到与该类型相关的日志。
此外，还有其他一些高级用法，例如在 console 中打印 Redux 日志，此时只会输出被过滤和搜索出来的 log。具体用法请查看官方文档。
总结
通过本文，我们了解了如何使用 redux-devtools-log-monitor-filtrable，它可以帮助我们更好地管理和调试 Redux 应用程序。同时，本文还介绍了一些该插件的高级用法，帮助你更好地理解和使用它。如果你正在使用 Redux 作为前端开发工具，那我强烈推荐你去尝试一下 redux-devtools-log-monitor-filtrable。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067008e361a36e0bce8b7a