2.2.4.3 DeviceEventEmitter监听事件

DeviceEventEmitter类似一个广播，可以实现页面间的数据传递。 场景:跨页面传输数据

在页面A中注册事件：

import React, { Component } from 'react';
import {View,DeviceEventEmitter} from 'react-native';
export class pageComponent extends Component {

    //注册事件
    componentDidMount() {
        this.listener=DeviceEventEmitter.addListener('message',(data)=>{
            alert(data);
        });
    }
    componentWillUnmount() {
        this.listener&&this.listener.remove();
    }

    render() {
        return (
            <View />
        );
    }
}

在页面B发送通知：

import React, { Component } from 'react';
import {View,DeviceEventEmitter} from 'react-native';
export class pageComponent extends Component {

    //发送事件
    componentDidMount() {
       DeviceEventEmitter.emit('message', '我来自B页面');
    }

    render() {
        return (
            <View />
        );
    }
}