当前位置: 首页 > news >正文

Redux学习总结

首先要知道的是:

  • redux 和 react 没有关系,redux 可以用在任何框架中,忘掉 react。
  • connect 不属于 redux,属于react-redux

redux的是用流程:

1.action-type.js:

      首先建立action-type.js定义一些操作,一般用常量表示。

     

2.action.js

    定义一些操作类型,告诉store自己是干什么的,需要什么样的数据:

    

3.reducer.js:

  接收action的信息,对数据进行处理,也就是接收旧的state,返回新的state

        

4.store.js:

   创建store对象(集中管理)

    

5.建立redux和react之间的关系,引入react-redux,使用provider包裹

6.在需要使用的地方,引入action,使用connect连接

 

ps:

redux流向图:

参考连接:

完全理解redux:https://github.com/brickspert/blog/issues/22(写的非常好)

redux使用流程和心得:https://www.jianshu.com/p/f6c5434c6e2d

转载于:https://www.cnblogs.com/celine-huang/p/11263685.html

相关文章:

  • js如何隐藏表格的行与列
  • spring整合LOG4J2日志
  • redis 详细讲解
  • 安装SQL-SERVER提示重启计算机
  • C++学习笔记-2-数组
  • 强化VB.NET编程多线程句柄技巧(转载)
  • Ansible 自动化运维部署
  • IdHTTP处理HTTP 302遇到的问题
  • 如何进行数据库,比如ORACLE,SQL SERVER的逆向工程,将数据库导入到PowerDesigner中...
  • 微软首次针对Windows 7推杀毒软件 年内将推出
  • leetcode-02 两数相加
  • Converter Standalone 4.3问题解决方式
  • 概率论
  • 使用MASM08 - Win32汇编语言016
  • javascript压缩图片
  • Android开发 - 掌握ConstraintLayout(四)创建基本约束
  • Idea+maven+scala构建包并在spark on yarn 运行
  • MD5加密原理解析及OC版原理实现
  • Python语法速览与机器学习开发环境搭建
  • Vue ES6 Jade Scss Webpack Gulp
  • 从@property说起(二)当我们写下@property (nonatomic, weak) id obj时,我们究竟写了什么...
  • 动手做个聊天室,前端工程师百无聊赖的人生
  • 官方解决所有 npm 全局安装权限问题
  • 好的网址,关于.net 4.0 ,vs 2010
  • 回顾2016
  • 前嗅ForeSpider采集配置界面介绍
  • 什么软件可以提取视频中的音频制作成手机铃声
  • 世界上最简单的无等待算法(getAndIncrement)
  • 我看到的前端
  • 责任链模式的两种实现
  • 交换综合实验一
  • #LLM入门|Prompt#3.3_存储_Memory
  • #vue3 实现前端下载excel文件模板功能
  • #我与Java虚拟机的故事#连载08:书读百遍其义自见
  • (30)数组元素和与数字和的绝对差
  • (a /b)*c的值
  • (Matalb分类预测)GA-BP遗传算法优化BP神经网络的多维分类预测
  • (pojstep1.1.1)poj 1298(直叙式模拟)
  • (Redis使用系列) Springboot 使用Redis+Session实现Session共享 ,简单的单点登录 五
  • (读书笔记)Javascript高级程序设计---ECMAScript基础
  • (附源码)node.js知识分享网站 毕业设计 202038
  • (九十四)函数和二维数组
  • (篇九)MySQL常用内置函数
  • (转)Google的Objective-C编码规范
  • (转)Linq学习笔记
  • .Net 8.0 新的变化
  • .Net Core与存储过程(一)
  • .Net FrameWork总结
  • .NET MAUI学习笔记——2.构建第一个程序_初级篇
  • .net 设置默认首页
  • .NET 使用配置文件
  • .net连接oracle数据库
  • .net下简单快捷的数值高低位切换
  • @SuppressLint(NewApi)和@TargetApi()的区别
  • [caffe(二)]Python加载训练caffe模型并进行测试1