react-native 发送接收“广播”

发送广播
DeviceEventEmitter.emit
接收广播
listener = DeviceEventEmitter.addListener
移除广播
this.listener.remove()

代码

import React, {Component, PureComponent} from 'react';
import {View, DeviceEventEmitter} from 'react-native';export default class Parent extends Component {constructor() {super();}render() {return (<View><Son_1/><Son_2/></View>);}
}class Son_1 extends PureComponent {componentDidMount() {setTimeout(() => {// 发布 msg 事件DeviceEventEmitter.emit('sendMsg', {text: 'Hello Brother'});}, 1000);}render() {return (<View></View>);}
}class Son_2 extends PureComponent {componentDidMount() {this.listener = DeviceEventEmitter.addListener('sendMsg', function (param) {//  use param do somethinglet {text} = param;alert(text);});}//最后别忘了移除通知componentWillUnmount() {this.listener.remove();}render() {return (<View></View>);}
}

react-native 发送接收“广播”相关推荐

遇到一个在linux下无法跨网段发送接收广播包的问题
正在进行的项目中有个网络广播包搜索设备的模块,需要在上位机发送搜索设备的XML命令,然后设备端再发真正的搜索广播包到交换机上所有的连接设备.测试部反馈了一个bug:无法跨网段搜索到设备,同一个网段内, ...
React Native应用实现步骤
React Native应用实现步骤在整个应用设计中,始终按照自下而上的原则进行.在大型的项目中,自下而上的设计方式简单,可以并行工作,并且可以在构建的同时写测试用例. React Native设计 ...
React Native 网络层分析
文:志俊(沪江Web前端) 本文原创,转载请注明作者及出处在使用React Native开发中,我们熟练的采用JavaScript的方式发送请求的方式发送一个请求到服务端,但是处理这个请求的过程其实 ...
从零学React Native之12 组件的生命周期
一个React Native组件从它被加载,到最终被卸载会经历一个完整的生命周期.所谓生命周期,就是一个对象从开始生成到最后消亡所经历的状态,理解生命周期,是合理开发的关键. ES6语法和之前的ES5 ...
React Native组件的结构和生命周期
React Native组件的结构和生命周期一.组件的结构 1.导入引用可以理解为C++编程中的头文件. 导入引用包括导入react native定义的组件.API,以及自定义的组件. 1.1 导 ...
android 倒计时封装,react native中的聊天气泡及timer封装成的发送验证码倒计时
其实,今天我想把我近期遇到的坑都总结一下: 1.goBack的跨页面跳转,又两种方法,一可以像兔哥那样修改navigation源码,二可以用navigationActions 2.父子组件的传值,一可 ...
Android——发送和接收广播
一,发送广播利用Intent来发送广播. 使用:在需要发送广播的地方创建一个Intent对象,将信息的内容和用于过滤的信息封装起来,通过以下三种方法将Intent广播出去: 1,Context.se ...
[2021.11.6]使用BroadcastReceiver发送和接收广播
1 BroadcastReceiver简介 BroadcastReceiver类是所有广播接收器的抽象基类,子类对接收的广播进行筛选并做出响应.广播接收器的生命周期短,当广播消息到达时,调用onRec ...
android 发送广播接收广播动态广播接收
1. 静态广播见网址: http://www.devdiv.com/forum.php?mod=viewthread&tid=48614 2.同时多个动态广播 private Broadca ...

react-native 发送接收“广播”

react-native 发送接收“广播”相关推荐

最新文章

热门文章