react native DeviceEventEmitter unsubscribe from event

user_9431928 0
Viewed 13448

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 components 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 componentWillUnmount() like the (limited) documentation states, if I understand that correctly, but removeCurrentListener() is not a method.

react-native event-handling events javascript
1 Answers

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 componentWillUnmount
subscription.remove();
user_33370800
Related