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

来源:互联网 发布:知り合いです 编辑:程序博客网 时间:2024/06/08 17:58

第一步:

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

阅读全文
1 0
原创粉丝点击