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})
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值