/Javascript/React/Prevent double tap in react native

Prevent double tap in react native

import debounce from 'lodash.debounce'; // 4.0.8

const withPreventDoubleClick = (WrappedComponent) => {

  class PreventDoubleClick extends React.PureComponent {

    debouncedOnPress = () => {
      this.props.onPress && this.props.onPress();
    }

    onPress = debounce(this.debouncedOnPress, 300, { leading: true, trailing: false });

    render() {
      return <WrappedComponent {...this.props} onPress={this.onPress} />;
    }
  }

  PreventDoubleClick.displayName = `withPreventDoubleClick(${WrappedComponent.displayName ||WrappedComponent.name})`
  return PreventDoubleClick;
}

Source: stackoverflow.com

Similar codes

5 votes392 views1 answer
Create react app deployment heroku
Javascript React
14 votes377 views4 answers
&& in react jsx
Javascript React
0 vote373 views2 answers
React js form radio input using hooks
Javascript React
5 votes369 views1 answer
React dom
Javascript React
0 vote392 views1 answer
How to use adminlte in reacts
Javascript React
0 vote440 views1 answer
Login condition if and else in router dom of react jsx
Javascript React
8 votes384 views1 answer
React.Fragmen
Javascript React
1 vote359 views1 answer
React next alias import
Javascript React
0 vote346 views1 answer
OnClick={ (window.open react js
Javascript React
0 vote353 views1 answer
How to detect an element is been hovered in react
Javascript React