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

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

作者: 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