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

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 16:45   1427   0

第一步:

引入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的缓存空间。

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP