美文网首页
传值-跨层传值和无嵌套关系

传值-跨层传值和无嵌套关系

作者: lucky_果果 | 来源:发表于2019-11-30 04:37 被阅读0次

1、订阅者和发布者模式  EventEmmiter

2、componnentdidmount组件挂在后后:订阅事件;

在componentunmount卸载后:取消订阅。

3、EventEmmiter单例就可以,因此我们需要单独初始化EventEmmiter实例。

import  {EventEmmiter} from 'enents';

export default new EventEmmiter();

4、A获取B的值。

A中订阅和取消订阅。

A组件挂在完成后:

this.itemchange = emitter.on(''ItemChange",(data) => { console.log(data) } );

A组件卸载完成后:

emitter.removeListener(this.itemchange);

B组件:emiter.emit('"ItemChange",entry)   B传entry给A。

context不推荐使用

相关文章

网友评论

      本文标题:传值-跨层传值和无嵌套关系

      本文链接:https://www.haomeiwen.com/subject/rfinwctx.html