setState on unmounted component? about react-native-swipeout HOT 6 CLOSED

@albertfdp so after a bit of experimenting with @aksonov's suggestion, the before and after code below shows how you use InteractionManager.runAfterInteractions.

Before I had code like this which was dispatching an action and causing the setState on a unmounted component warning.

onPress: () => {
  this.props.handleDeletePress(this.props.key)
}

By wrapping the function with InteractionManager's runAfterInteraction the warning should go away.

onPress: () => {
  InteractionManager.runAfterInteractions(() => {
    this.props.handleDeletePress(this.props.key)
  });
}

Issue facebook/react-native#2248 provides an example of how to use InteractionManager.runAfterInteractions if you need further examples.

from react-native-swipeout.

Solved it by using InteractionManager.runAfterInteractions, maybe you could mention it that onPress actions should be wrapped to avoid setting state on unmounted component during 'closing' cell..

from react-native-swipeout.

@aksonov Can you give a small example on how would you do that using InteractionManager.runAfterInteractions? I'm having this same issue. Thank you

from react-native-swipeout.

@JonathanZWhite Thank you for this. Ran into it and had no idea why it was happening.

from react-native-swipeout.

@aaroncrawford No problem. Glad I was able to help 💯

from react-native-swipeout.

Thanks allot @JonathanZWhite. You save me a lot of time.

from react-native-swipeout.