ReactNative DeviceEventEmitter 实现发送和监听消息

举报
SHQ1874009 发表于 2023/04/21 09:32:45 2023/04/21
【摘要】 移动端开发过程中,页面间信息传递是常见的应用场景。注册、发送消息方式如下:DeviceEventEmitter.emit('自定义名称',发送数据);消息监听方式如下:DeviceEventEmitter.addListener('名称',(events) ={使用数据events});例如,在A页面注册和发送消息:import {DeviceEventEmitter} from 'reac...

移动端开发过程中,页面间信息传递是常见的应用场景。

注册、发送消息方式如下:

DeviceEventEmitter.emit('自定义名称',发送数据);

消息监听方式如下:

DeviceEventEmitter.addListener('名称',(events) ={使用数据events});

例如,在A页面注册和发送消息:

import {DeviceEventEmitter} from 'react-native';
let param = {taobaoBind:false,walletSum:0.00,couponNum:0}
DeviceEventEmitter.emit('meeting_receive’,param);  //发送消息,并携带param参数

然后,B页面监听消息,执行动作:

componentDidMount() {   
	//页面加载完毕,开启监听消息
   this.eventMeetingReceive =DeviceEventEmitter.addListener('meeting_receive', 
   		(events) =>{this.setState({walletSum : events.walletSum});});
}

componentWillUnmount() {   
	//当页面销毁时,移除事件的监听
	this.eventMeetingReceive.remove();
}
【版权声明】本文为华为云社区用户原创内容,未经允许不得转载,如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。