久久精-久久经典视频-久久加久久-久久极品视频-一区二区福利视频-一区二区不卡在线观看

　　Redux DevTools是Chrome瀏覽器中的一款調試插件，它可以用于調試應用程序的狀態更改，我們可以清晰的看到當前store倉庫中的state是怎么樣的，在可視化工具的左邊，我們還可以看到觸發的action的變化！

【使用說明】

　　1、在使用Chrome Redux調試插件之前，我們需要做一些項目的基本配置。我們要安裝到項目的一些基本使用，如： react、redux、react-redux等?；究蚣苋缦?

　　import Redux from 'redux'

　　// 引入createStore創建store，引入applyMiddleware 來使用中間件

　　import {createStore, applyMiddleware} from 'redux'

　　// 引入所有的reducer

　　import storeReducer from '../Reducer/index.jsx'

　　export default  createStore(storeReducer);

　　2、下載安裝redux-devtools。

　　3、要想使用chrome redux調試插件，還需要在項目中安裝 redux-devtools-extension 插件。其安裝方法如下：

　　即在項目中直接執行下面的安裝命令：

　　npm install redux-devtools-extension --save-dev

　　4、安裝成功后，還需要redux-devtools在項目中的配置，實際上就是在創建store的時候把redux-devtools安裝即可。

　　import Redux from 'redux'

　　// 引入createStore創建store，引入applyMiddleware 來使用中間件

　　import {createStore, applyMiddleware} from 'redux'

　　// 引入所有的reducer

　　import storeReducer from '../Reducer/index.jsx'

　　// 利用redux-logger打印日志

　　import {createLogger} from 'redux-logger'

　　// 安裝redux-devtools-extension的可視化工具。

　　import { composeWithDevTools } from 'redux-devtools-extension'

　　// 使用日志打印方法， collapsed讓action折疊，看著舒服。

　　const loggerMiddleware = createLogger({collapsed: true});

　　export default  createStore(

　　storeReducer,

　　composeWithDevTools(    )

　　);