Rudex devtools :redux调试工具

bdy链接:百度网盘 请输入提取码

提取码:reac

安装步骤:下载完成后直接将安装包拖到浏览器扩展程序界面即可

没生效把项目重新跑一遍,有此图标代表插件生效了

 f12里就有了调试界面

但此时并不能直接使用,要在代码里做一点配置,

createStore只有两个参数,使用了中间件的话将中间件作为该函数的参数,再讲该函数作为createStore的参数,没有使用就直接作为createStore的参数,这也是官方github上的做法,感兴趣的小伙伴自行查阅

import { createStore, applyMiddleware, compose } from "redux";
import reducer from "./reducer.js";
import thunk from "redux-thunk";

//使用redux devtools
const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

//应用一些中间件
const storeEnhancer = applyMiddleware(thunk);

const store = createStore(reducer, composeEnhancers(storeEnhancer));
export default store;

完成!

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值