redux-devtools 安装该工具

248 阅读1分钟

github.com/zalmoxisus/…

安装该工具需要两步

第一步:在对应的浏览器中安装相关的插件(比如Chrome浏览器扩展商店中搜索Redux DevTools即可,其他方法可以参考

GitHub);

第二步:在redux中继承devtools的中间件;

image.png

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

//应用一些中间件
// applyMiddleware(中间1,中间2,中间3)

const  storeEnhancer =  applyMiddleware(thunkMiddleware)

//1.createStore(reducer,enhancer)  接受第二个参数         storeEnhancer 中间件与 store 联系起来

//原来:
// const store = createStore(reducer,storeEnhancer )

const store = createStore(reducer,composeEnhancers(storeEnhancer) )

image.png