React第三方组件5(状态管理之Redux的使用⑥Redux DevTools)
时间:2022-05-08
本文章向大家介绍React第三方组件5(状态管理之Redux的使用⑥Redux DevTools),主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
本教程总共6篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章!
1、React第三方组件5(状态管理之Redux的使用①简单使用)---2018.03.20
2、React第三方组件5(状态管理之Redux的使用②TodoList上)---2018.03.21
3、React第三方组件5(状态管理之Redux的使用③TodoList中)---2018.03.22
4、React第三方组件5(状态管理之Redux的使用④TodoList下)---2018.03.23
5、React第三方组件5(状态管理之Redux的使用⑤异步操作)---2018.03.26
6、React第三方组件5(状态管理之Redux的使用⑥Redux DevTools)---2018.03.27
开发环境:Windows 8,node v8.9.1,npm 5.5.1,WebStorm 2017.2.2
Redux DevTools 是一款超酷炫的redux开发工具,通过chrome应用商店可以下载到!
1、我们先复制一份redux5到redux6中,并修改redux下的Index.jsx 文件
2、此时查看浏览器
3、我们修改redux6下的store.js
完整代码:
import {createStore, applyMiddleware} from 'redux';
import thunk from 'redux-thunk'
import reducer from './reducer'
const middleware = [thunk];
const store = createStore(reducer, window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__(), applyMiddleware(...middleware));
export default store;
4、我们刷新浏览器,此时工具就出来了
它有很多实用功能,大家可以网上查资料!
- OC字符串常用函数
- Objective-C中的hasPrefix
- karma与webpack结合
- Mac说——关闭SIP
- 词典对象 NSDictionary与NSMutableDictionary
- node-inspector调试工具应用
- karma的基础应用之与fis结合
- 区块链学堂——区块链有前途吗?
- 程序猿的日常——Java基础之抽象类与接口、枚举、泛型
- addSubView需要注意的几个点为什么要在addsubview:一个view对象后,release它?
- nodejs 命令行、自定义
- GeForce驱动EULA更新惹争议,NVIDIA的理由是这样的
- 关于HTML面试题汇总之visibility
- 加密狗进场暴富开始?请别侮辱区块链和游戏
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Docker体验(二) - 自建Image
- 小程序代码复用 - template
- 五. Spring Security 权限管理
- 文档驱动 —— 表单组件(五):基于Ant Design Vue 的表单控件的demo,再也不需要写代码了。 表单一 公司信息表单二 员工信息,简化版,只是为了演示表单的切换。以后会出
- 文档驱动 —— 查询组件:将查询功能做到极致!你说还有啥没包含进来?antdv + vue 3.0 全新体验 快捷查询个性化查询方案更换各种查询方式更多的查询条件meta 驱动封装基础
- ES6能干啥?
- JQuery中DOM对象
- ES6都有什么?
- 前端html换肤
- 纯CSS换肤
- JS模块化和使用
- JS中的数组方法
- JS规范注释
- 选择排序,冒泡排序
- PHP时间戳