前端知识收集

React通知传值(events)

2020-04-30  本文已影响0人  布呐呐u

使用方法

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', () => {});
        }
     }, []);
上一篇下一篇

猜你喜欢

热点阅读