Long-press wrapper for React that uses pointer events. Supports normal clicks as well.
Pointer events are hardware agnostic, meaning that they can be triggered by a mouse, a pen/stylus, or touch. Read more here: https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events
npm install --save react-longpressable
import React from 'react';
import LongPressable from 'react-longpressable';
export default class Example extends React.PureComponent {
onLongPress = (e) => {
console.log('Long pressed.');
}
onShortPress = (e) => {
console.log('Short pressed.');
}
render() {
return (
<LongPressable
onShortPress={this.onShortPress}
onLongPress={this.onLongPress}
longPressTime={700}>
<button>Press Me!</button>
</LongPressable>
);
}
}