ReactNative界面间的数据传递和页面刷新机制

假设场景: APP的首页的数据 需根据子页面的数据操作 进行数据刷新;或者有页面A,B。A页面跳转到B页面,然后在B页面中执行了某些操作后点击回退按钮到A 页面,A页面数据需要刷新。

react-native中事件监听是使用插件DeviceEventEmitter实现的,基本语法,如下所示 


1.设置监听 
在需要接受监听的地方进行添加监听,假如是A页面

import { DeviceEventEmitter } from 'react-native';
...
componentDidMount() {

    //收到监听

    DeviceEventEmitter.addListener('通知名称', (param) => {
        //收到通知后处理逻辑
        //eg 刷新数据    
    })
}
componentWillUnmount() {

    //移除监听

    DeviceEventEmitter.remove();
  }
...

2.触发监听

在需要出发监听页面加入以下代码

import { DeviceEventEmitter } from 'react-native';
...

 //执行某些操作后触发事件通知,param传递参数,参数也可不传递

 DeviceEventEmitter.emit('通知名称', param);

 

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值