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

qiankun微任务之全局状态管理

上篇文章我们介绍了如何在本地搭建一个简单的乾坤前端微服务,如果我们想要在主项目、子项目之间或者子项目之间传递一个公共数据,如何处理哪?

全局状态管理

  一般来说,各个子应用是通过业务来划分的,不同业务线应该降低耦合度,尽量去避免通信,但是如果涉及到一个公共的状态或者操作,qiankun也是支持的。
  qiankun提供了一个全局的GlobalState来共享数据,基座初始化之后,子应用可以监听到这个数据的变化,也能修改这个数据。

基座

import { initGlobalState } from 'qiankun';
const state = {count: 1} //测试用例
const actions = initGlobalState(state);
// 主项目监听
actions.onGlobalStateChange((state, prev) => {
//state:变更后的状态  prev:变更前的状态console.log(state, prev)
})
//修改
actions.setGlobalState(state)

子应用

export function mount(props){props.onGlobalStateChange((state, prev) => {//state:变更后的状态  prev:变更前的状态console.log(state, prev)})//修改props.setGlobalState({count: 2})
}

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Linux安装最新版Docker完整教程
  • stm32各个系列开发部库下载地址
  • 【Redis】数据类型详解及其应用场景
  • [云计算] 导论学习笔记
  • EasyCVR视频汇聚平台构建远程安防监控:5大亮点解析,助力安防无死角
  • 前端宝典之八:React状态管理全解析并手写实现
  • 动手学深度学习(pytorch)学习记录12-激活函数[学习记录]
  • Docker-制作镜像
  • 物联网(IoT)详解
  • Halcon灰度图像的形态学运算
  • 代码随想录算法训练营第四十二天| 42. 接雨水、84.柱状图中最大的矩形
  • MATLAB遗传算法求带自提点的时间窗同时取送货车辆调度路径规划(VRPSPDTW)实例代码
  • ant design pro 中用户的表单如何控制多个角色
  • 大数据应用整理
  • IDEA:如何在idea中设置自动导包
  • 「面试题」如何实现一个圣杯布局?
  • extract-text-webpack-plugin用法
  • Java 23种设计模式 之单例模式 7种实现方式
  • Java方法详解
  • js作用域和this的理解
  • LeetCode18.四数之和 JavaScript
  • Python利用正则抓取网页内容保存到本地
  • SpiderData 2019年2月25日 DApp数据排行榜
  • Swoft 源码剖析 - 代码自动更新机制
  • Tornado学习笔记(1)
  • Vultr 教程目录
  • 数组的操作
  • 云栖大讲堂Java基础入门(三)- 阿里巴巴Java开发手册介绍
  • 阿里云ACE认证学习知识点梳理
  • 测评:对于写作的人来说,Markdown是你最好的朋友 ...
  • # 计算机视觉入门
  • #### golang中【堆】的使用及底层 ####
  • #Datawhale AI夏令营第4期#AIGC文生图方向复盘
  • (07)Hive——窗口函数详解
  • (1/2)敏捷实践指南 Agile Practice Guide ([美] Project Management institute 著)
  • (MIT博士)林达华老师-概率模型与计算机视觉”
  • (NO.00004)iOS实现打砖块游戏(十二):伸缩自如,我是如意金箍棒(上)!
  • (pycharm)安装python库函数Matplotlib步骤
  • (ZT)一个美国文科博士的YardLife
  • (二)Linux——Linux常用指令
  • (附源码)springboot 基于HTML5的个人网页的网站设计与实现 毕业设计 031623
  • (每日持续更新)信息系统项目管理(第四版)(高级项目管理)考试重点整理 第13章 项目资源管理(七)
  • (七)Appdesigner-初步入门及常用组件的使用方法说明
  • (四)图像的%2线性拉伸
  • (转)shell调试方法
  • (转)大型网站的系统架构
  • (转载)(官方)UE4--图像编程----着色器开发
  • (自适应手机端)响应式新闻博客知识类pbootcms网站模板 自媒体运营博客网站源码下载
  • .【机器学习】隐马尔可夫模型(Hidden Markov Model,HMM)
  • .net 打包工具_pyinstaller打包的exe太大?你需要站在巨人的肩膀上-VC++才是王道
  • .NET 简介:跨平台、开源、高性能的开发平台
  • .net 验证控件和javaScript的冲突问题
  • .Net 中Partitioner static与dynamic的性能对比
  • .NET 中让 Task 支持带超时的异步等待
  • .NET/ASP.NETMVC 大型站点架构设计—迁移Model元数据设置项(自定义元数据提供程序)...