美文网首页前端知识收集
React通知传值(events)

React通知传值(events)

作者: 布呐呐u | 来源:发表于2020-04-30 14:17 被阅读0次

    使用方法

    1 ) 新建 'NoticeUtil'.ts文件

        // NoticeUtil.ts
        import { EventEmitter } from 'events';
    
        const NoticeEmitter = new EventEmitter();
        export default NoticeEmitter;
    

    2 ) 发送通知 'xxxx_A'.ts文件

        // xxxx_A.ts
        import NoticeEmitter from "./NoticeUtil";
    
        let data = {
          'key': 'xxxx_msg'
        }
    
        NoticeEmitter.emit('xxxx_KEY', data);
    

    3 ) 接收通知 'xxxx_B'.ts文件

        // xxxx_B.ts
        import NoticeEmitter from "./NoticeUtil";
    
        NoticeEmitter.addListener('xxxx_KEY', (data: any) => {console.log('====' + data);
    

    4 ) 注销通知 'xxxx_A'.ts文件

        // xxxx_A.ts
        import NoticeEmitter from "./NoticeUtil";
    
        useEffect(() => {
            return () => {
                NoticeEmitter.removeListener('xxxx_KEY', () => {});
            }
         }, []);

    相关文章

      网友评论

        本文标题:React通知传值(events)

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