redux状态管理核心流程

news/2024/7/15 18:14:43 标签: 前端, react.js, redux

1引入create 从redux库,
2.创建reducer 对象,并实例化;
3.发送一个dispach,
4.reducer写数据处理逻辑。

import { createStore } from "redux"
const initialState = []//状态集
//1-创建reducer对象,第一个参数是状态,第二个参数是dispach的第一个参数action
const reducer = function(state = initialState, action){switch(action.type){
case "addBook":
return [...initialState,action.row]
case "delBook":
return []
default:
return [...state]

break
}}
const store=createStore(reducer) //2.实例化一个store
const action={
type:'addBook',
row:{id:'1',name:'asdf'}
}
store.dispach(action)//3.发送一个dispach
//附带讲一下redux的订阅函数substribe,state变化的时候会触发,可以用store.getstate方法查看状态集,
store.substribe(()=>{
console.log(store.getstate())
})

http://www.niftyadmin.cn/n/4982644.html

相关文章

【JAVA基础】数据类型,逻辑控制

❤️ Author: 老九 ☕️ 个人博客:老九的CSDN博客 🙏 个人名言:不可控之事 乐观面对 😍 系列专栏: 文章目录 数据类型整型变量 int长整型变量 long单精度浮点数 float双精度浮点数 double字符类型 char字节…

vue h5项目 打包加载优化

打包美化: 1)npx browserslistlatest --update-db 更新去除警告 2)打包进度条 npm add progress-bar-webpack-plugin -D npm add webpackbar -D npm install --save-dev webpack-bundle-analyzer 优化: 1.各个插件和loader所花费的时间 …

Java 中数据结构HashMap的用法

Java HashMap HashMap 是一个散列表,它存储的内容是键值对(key-value)映射。 HashMap 实现了 Map 接口,根据键的 HashCode 值存储数据,具有很快的访问速度,最多允许一条记录的键为 null,不支持线程同步。 HashMap 是…

线程和进程的区别是什么?

线程(Thread)和进程(Process)是操作系统中两个重要的概念,用于管理程序的执行。它们有以下区别: 定义:进程:进程是程序的一个执行实例,它包含了程序的代码、数据以及执行上下文。进程是操作系统分配资源和调度的基本单位。线程:线程是进程的子执行单元,一个进程可以…

SAP 检查PR中委外副产品是否有成本价

SAP 检查PR中委外副产品是否有成本价 ME_PROCESS_REQ_CUST IF_EX_ME_PROCESS_REQ_CUST~CHECK METHOD if_ex_me_process_req_cust~check. DATA:lt_items TYPE mmpur_requisition_items, ls_items TYPE mmpur_requisition_item, ls_item_data TYPE mereq_item, ls_item TYPE REF…

Android 裁剪 几何变换

canvas.clipRect(left , top ,right,bottom) 裁切函数 canvas.clipPath() // 切割图形 clipOutRect / clipOutPath 切出,切出的是不需要的 clipPath(path) 切出来会有毛边 锯齿,会把指定范围的显示出来,其他的不显示,按像素px进行裁切 如果需要精细显示 可以使用xfermode c…

MySQL的mysql-bin.00xx binlog日志文件的清理

目录 引言手工清理配置自动清理 引言 公司一个项目生产环境mysql数据盘占用空间增长得特别快,经过排查发现是开启了mysql的binlog日志。如果把binlog日志关闭,如果操作万一出现问题,就没有办法恢复数据,很不安全,只能…

Lua学习(一)

lua基础学习 LUA 语言1. 什么是lua?1.1 准备工作 2. 基本语法2.1 注释2.2 标识符2.3 关键字2.4 全局变量 3. 数据类型4. 变量4.1 赋值语句 5. 循环5.1 while循环5.2 for循环5.3泛型for循环5.4 repeat until 循环5.5 break 语句 6. 流程控制6.1 if语句6.2 if else 语…