React Native之RCTDeviceEventEmitter发送通知emit和监听接收addListener的用法

最新推荐文章于 2024-09-04 07:06:37 发布

spicyboiledfish

最新推荐文章于 2024-09-04 07:06:37 发布

阅读量9k

点赞数 2

分类专栏： React Native 文章标签： react native

本文链接：https://blog.csdn.net/SpicyBoiledFish/article/details/72822527

版权

React Native 专栏收录该内容

35 篇文章 1 订阅

订阅专栏

第一步：

引入RCTDeviceEventEmitter:

//两种方法：import为ES6语法：
import RCTDeviceEventEmitter from 'RCTDeviceEventEmitter'

// var RCTDeviceEventEmitter = require('RCTDeviceEventEmitter');

第二步：

发送通知：

RCTDeviceEventEmitter.emit('通知名称',value);

接收通知：

componentDidMount(){  
  this.listener = RCTDeviceEventEmitter.addListener('通知名称',(value)=>{  
    // 接受到通知后的处理  
  });  
}  
  
componentWillUnmount(){  
  // 移除 一定要写  
  this.listener.remove();  
}

什么时候使用？

用户在某个页面登录成功后，发送一个通知给全局，这样在主页面监听登录状态，如果已经登录，那么就用AsyncStorage.setItem将用户的信息设置到缓存中。这里的AsyncStorage就是相当于HTML5中的localStorage，他是永久存储在缓存中的，除非手动clear。有大约20MB的缓存空间。而cookie是在设置的缓存有效期之前是有效的，只有4KB的存储空间；而sessionStorage是会话型的，只要浏览器窗口关闭，缓存就会被清除，有5MB的缓存空间。