AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

React-50：一文学会redux开发者工具的基本使用

2021-11-14 126
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： React-50：一文学会redux开发者工具的基本使用

安装方法

npm install redux-devtools-extension

使用方法

  • 有异步action的情况

image.png

redux-devtools-extension介绍

  • action区域

image.png

查看action对象的type和data

image.png

查看redux帮我们保存的总的状态对象

image.png

回放状态的变化

image.png

文章标签：
JavaScript
开发者
关键词：
React Native redux
react.js redux
react.js开发者工具
答案命运
目录
相关文章
Boale_H
|
3月前
|
前端开发 JavaScript 测试技术
从零开始搭建react+typescript+antd+redux+less+vw自适应项目
从零开始搭建react+typescript+antd+redux+less+vw自适应项目
Boale_H
115 0
朝阳39
|
1月前
|
Web App开发 JavaScript 前端开发
react18【系列实用教程】搭建开发环境（2024版）Vite+React （官方推荐）（含@配置，react-developer-tools 和 Redux DevTools 下载安装）
react18【系列实用教程】搭建开发环境（2024版）Vite+React （官方推荐）（含@配置，react-developer-tools 和 Redux DevTools 下载安装）
朝阳39
123 0
全全.
|
3月前
|
存储 JavaScript 前端开发
基于React和Redux的待办事项列表应用
基于React和Redux的待办事项列表应用
全全.
48 0
全全.
|
3月前
|
JavaScript 前端开发 搜索推荐
构建一个基于React和Redux的简易电商购物车应用
构建一个基于React和Redux的简易电商购物车应用
全全.
47 0
全全.
|
3月前
|
JavaScript 前端开发
构建一个基于React和Redux的Todo应用
构建一个基于React和Redux的Todo应用
全全.
31 0
全全.
|
3月前
|
JavaScript 前端开发 测试技术
构建一个使用React和Redux的简单在线书店应用。
构建一个使用React和Redux的简单在线书店应用。
全全.
29 0
全全.
|
3月前
|
存储 JavaScript 前端开发
使用React和Redux构建一个简单的待办事项应用
使用React和Redux构建一个简单的待办事项应用
全全.
25 0
全全.
|
3月前
|
存储 JavaScript 前端开发
利用React和Redux构建高效的数据驱动Web应用
利用React和Redux构建高效的数据驱动Web应用
全全.
29 0
天玄TX
|
3月前
|
存储 JavaScript 前端开发
React中的Redux：简介和实例代码
React中的Redux：简介和实例代码
天玄TX
50 1
冷水鱼。
|
3月前
|
开发框架 前端开发 JavaScript
使用React、Redux和Bootstrap构建社交媒体应用
使用React、Redux和Bootstrap构建社交媒体应用
冷水鱼。
51 0

热门文章

最新文章

  • 1
    (转) 谈一谈创建React Component的几种方式
  • 2
    React安装 环境搭建
  • 3
    react react-pdf实现在线pdf加载（翻页加载、下拉滚动加载）
  • 4
    React中受控组件和非受控组件
  • 5
    react.js和vue.js哪个更优秀 ？
  • 6
    #yyds干货盘点 歌谣学前端之react笔记之第一个react项目
  • 7
    重学React之组件化开发（上）
  • 8
    #私藏项目实操分享# 【React工作记录十八】常见的正则校验
  • 9
    react-native在windows环境下的项目启动
  • 10
    React-37：withRouter的使用
  • 1
    【专栏：HTML与CSS前端技术趋势篇】前端框架（React/Vue/Angular）与HTML/CSS的结合使用
    70
  • 2
    【TypeScript技术专栏】TypeScript与React的完美结合
    44
  • 3
    【亮剑】在React中实现鼠标悬停显示文本，可以通过状态管理实现。
    142
  • 4
    【亮剑】在React中，处理`onScroll`事件可实现复杂功能如无限滚动和视差效果
    312
  • 5
    【亮剑】在Web开发中，我们经常需要使用下拉选择框（Select）来让用户从多个选项中选择一个
    69
  • 6
    React&Nest.js全栈社区平台(五)——👋封装通用分页Service实现文章流与详情
    53
  • 7
    React&Nest.js社区平台(四)——✏️文章发布与管理实战
    32
  • 8
    React&Nest.js全栈社区平台(三)——🐘对象存储是什么？为什么要用它？
    53
  • 9
    切图仔做全栈：React&Nest.js社区平台(二)——👋手把手实现优雅的鉴权机制
    41
  • 10
    切图仔做全栈：React&Nest.js社区平台(一)——基础架构与邮箱注册、JWT登录实现
    79

    • 相关课程

    更多
  • React 入门与实战
  • React 入门教程开发文档
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程

    • 相关电子书

    更多
  • 利用编译将 Vue 组件转成 React 组件
  • React Native 全量化实践
  • React在大型后台管理项目中的工程实践
    • 下一篇
    通义千问API入门教程