redux-form(V7.4.2)笔记(二)

本文在[上一篇](http://blog.51cto.com/zhuxianzhong/2144064)的基础上重点关注redux-devtools-extension这款调试工具的使用。

说明

在阅读本文前,请注意区别两个不同的框架:redux-devtools和redux-devtools-extension。

其中,redux-devtools(https://www.npmjs.com/package/redux-devtools)使用了侵入式技术,是你的集成开发环境下开发React-Redux应用的一个强大的开发工具。这个东西能够使用monitor技术实时监听您的Store中的数据情况。在应用前,需要专门安装此模块

不过,如果你不想安装上述模块从而不致于其侵入你的项目之中,那么,Redux DevTools Extension是一个很好的替代选择。这是一个浏览器插件,它支持Chrome,Firefox以及360浏览器等,它提供了大部分常用的监听器用于配置你的项目,不需要安装任何模块(其实其提供了安装选项),配置也很简单。

本文专注于介绍redux-devtools-extension。

注意,当前版本中(Version 2.7+),window.devToolsExtension被重命名为window.REDUX_DEVTOOLS_EXTENSION
或window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__,所以以后的React-Redux项目中不再建议使用window.devToolsExtension方式了。

安装插件redux-devtools-extension

插件安装地址。
当然你需要安装googe访问助手,下载地址链接 密码:ugqj。
google浏览器需要6.6以下版本,因为6.7不支持拖拽安装google访问助手了,需要在线安装。

......未完待续

猜你喜欢

转载自blog.51cto.com/zhuxianzhong/2146271