I'm using DeviceEventEmitter to handle events of a favorite method, to which is subscribed in the constructor:

DeviceEventEmitter.addListener("FavoriteClick", async (e) => 
{
    // do something
})

This event listener stays active whenever the ponents unmounts (permenantly). What do I have to call to unsub? I've tried storing the event as a variable and calling listener.removeCurrentListener() in the ponentWillUnmount() like the (limited) documentation states, if I understand that correctly, but removeCurrentListener() is not a method.

I'm using DeviceEventEmitter to handle events of a favorite method, to which is subscribed in the constructor:

DeviceEventEmitter.addListener("FavoriteClick", async (e) => 
{
    // do something
})

This event listener stays active whenever the ponents unmounts (permenantly). What do I have to call to unsub? I've tried storing the event as a variable and calling listener.removeCurrentListener() in the ponentWillUnmount() like the (limited) documentation states, if I understand that correctly, but removeCurrentListener() is not a method.

• javascript
• react-native
• events
• event-handling

• addListener returns an EmitterSubscription, which has the inherent method ".remove()". Therefore, your code should look like this: const favoriteClickSub = DeviceEventEmitter.addListener("FavoriteClick", (e) => {}); favoriteClickSub.remove(); – sansa Commented Jul 22, 2021 at 11:19

1 Answer 1

DeviceEventEmitter is deprecated, you should use NativeEventEmitter instead.

Example :

import { NativeEventEmitter, NativeModules } from 'react-native';

const { CalendarManager } = NativeModules;

const calendarManagerEmitter = new NativeEventEmitter(CalendarManager);

const subscription = calendarManagerEmitter.addListener(
  'EventReminder',
  (reminder) => console.log(reminder.name)
);

...

// Don't forget to unsubscribe, typically in ponentWillUnmount
subscription.remove();