react native的事件通知 DeviceEventEmitter

前方路远

于 2024-04-02 19:16:16 发布

阅读量820

点赞数 3

文章标签： react native react.js javascript

本文链接：https://blog.csdn.net/weixin_52063276/article/details/137285088

版权

本文介绍了如何在ReactNative应用中使用DeviceEventEmitter进行组件间的事件发送和接收，包括发送事件`eventDemo`并传递参数，以及在组件挂载和卸载时管理事件监听器。

摘要由CSDN通过智能技术生成

1、发送事件

import { View, DeviceEventEmitter } from 'react-native';


const eventEmitter = (status) => {
        DeviceEventEmitter.emit('eventDemo', { param: status });
}

2、接收订阅事件

 useEffect(() => {
        const eventListener = DeviceEventEmitter.addListener('eventDemo', eventCallback);
        return () => {
            eventListener.remove();
        };
    }, []);
    const eventCallback = (event) => {
        console.log(userStore.userInfo.id, '用户信息');
        console.log(event.param, '输出："Hello Hooks!');
    };