1. 程式人生 > >redux-form(V7.4.2)筆記(二)

redux-form(V7.4.2)筆記(二)

blog cto ext moni code 是你 googl www. 監聽器

本文在[上一篇](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訪問助手了,需要在線安裝。

......未完待續

redux-form(V7.4.2)筆記(二)