Redux-DevTools
安装过程
略,百度即可
开发过程中引入Redux-Dev的检测
引入方法
这里我因为用applyMiddleware中间件引入了,所以要引入中间检测机制要比起只使用redux创建store要复杂一些,具体做法如下:
首先引入从 redux 里面引入compose.代码:
import { createStore, applyMiddleware, compose } from 'redux';
然后就是创建一个composeEnhancers作为一个中间件去把要侦测的包裹起来,代码如下:
const composeEnhancers =
typeof window === 'object' &&
window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ?
window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({
// Specify extension’s options like name, actionsBlacklist, actionsCreators, serialize...
}) : compose;
然后就是创建扩展件的实例,代码如下:
const enhancer = composeEnhancers(
applyMiddleware(thunk, historyWare),
// other store enhancers if any
);
然后,类似传入中间件的方式把enhancer传入
const store = createStore(mainReducer, enhancer);
这样就ok了。