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

2019-11-30  本文已影响0人  lucky_果果

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不推荐使用

上一篇 下一篇

猜你喜欢

热点阅读