redux
文章平均质量分 93
满天过海_春
能给你的就怎么点,剩下的就看你努力了
展开
-
轻松搞定 reduxjs/toolkit
轻松搞定 reduxjs/toolkit转载 2022-12-04 23:23:27 · 3661 阅读 · 0 评论 -
订阅者模式
订阅者模式订阅者模式订阅者模式export class Channel { listeners = {} /** * 添加一个订阅者模式 * @param {*} prop 属性名 * @param {*} func 订阅函数 */ take(prop, func) { if(this.listeners[prop]) { this.listeners[prop].push(func); //添原创 2020-11-19 18:43:32 · 254 阅读 · 0 评论 -
redux-saga
redux-sagaredux-sage手写sagaredux-sagaindexrunSaga.jseffectHelper.jsrunEffect.jsredux-saga\effectsindex.jscall.jsdelay.jspull.jsredux-sagesagaAPI: https://redux-saga-in-chinese.js.org/docs/api/纯净强大灵活在saga任务中,如果yield了一个普通数据,saga不作任何处理,仅仅将数据传递给yield表原创 2020-11-19 09:40:22 · 354 阅读 · 0 评论 -
redux-promise
redux-promiseredux-promiseredux-promise如果action是一个promise, 则会等待promise完成,将完成的结果作为action触发,如果action不是一个promise,则判断其payload是否是一个promise,如果是,等待promise完成,然后将其作为payload的值触发。import { isPlainObject, isString } from 'lodash'import isPromise from 'is-promise'原创 2020-11-09 14:41:51 · 993 阅读 · 0 评论 -
thunk中间件
thunk中间件thunk中间件thunk中间件function createThunkMiddleware(extra) { //该函数返回一个thunk中间件 return store => next => action => { if(typeof action === 'function') { return action(store.dispatch, store.getState, extra) }原创 2020-11-06 19:25:54 · 357 阅读 · 0 评论 -
redux3 中间件
redux 中间件redux中间件书写中间件本身是一个函数,该函数接收一个store参数,表示创建的仓库,该仓库并非一个完整的仓库对象,仅包含getState,dispatch。 该函数运行的时间,是在仓库创建之后运行。由于创建仓库需要自动运行设置的中间件函数,因此需要在创建仓库时,告诉仓库有哪些中间件需要调用applyMiddleware函数,将函数的返回结果作为createStore的第二个或第三个参数。中间件函数必须返回一个dispatch创建函数applyMiddlewa原创 2020-11-06 12:13:22 · 211 阅读 · 0 评论 -
redux2 reducer action\ reducer\Store
redux2 reducer action\ reducer\StoreActionReducerStorecreateStorebindActionCreatorsActionaction是一个plain-object(平面对象)他的__proto__指向Object。prototype通常,使用payload属性表示附加数据(没有强制要求)action中必须有type属性,改属性用于描述操作的类型但是,没有对type的类型做出要求在大型项目,由于操作类型非常多,为避原创 2020-11-05 19:15:44 · 272 阅读 · 0 评论 -
redux 1 初步使用redux管理数据
redux 1 初步使用redux管理数据实现对数据的减一先安装reduxnpm install --save reduxredux官网https://www.npmjs.com/package/redux实现对数据的减一import { createStore } from "redux";//假设仓库中仅存放一个数字,该数字的变化可能是+1 或 -1//约定action的格式,; {type: "操作类型", Payload: 附加数据}/** * reducer 本质上就是一原创 2020-10-28 19:19:57 · 228 阅读 · 0 评论