qiankun(二):父子通信

839 阅读1分钟

父应用:

//引入方法
import {initGlobalState } from 'qiankun';

//初始化时,先放想要的变量去占位
this.globalState = initGlobalState({
        a: '',
        b: ''
});

//...通过请求接口拿到数据,例如data,
//进行传递
 this.globalState.setGlobalState({
          a:data.a,
          b:data.b
});

子应用:

//在mount的生命周期内,监听,拿到数据后,可以通过store存储供以后使用
export async function mount(props) {
  console.log('props: ', props);
  console.log('微应用mount');
  props.onGlobalStateChange((state) => {
    console.log('子应用接受的主应用数据');
    store.commit('setA', state.a);
    store.commit('setB', state.b);
  }, true);
  render(props);
}