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