ReactNative DeviceEventEmitter 实现发送和监听消息
【摘要】 移动端开发过程中,页面间信息传递是常见的应用场景。注册、发送消息方式如下: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)