/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

0 vote133 views4 answers
React native biometrics sign in
Javascript React
0 vote125 views1 answer
How to write unit test cases in react js
Javascript React
0 vote128 views2 answers
Counter with react hooks
Javascript React
0 vote149 views1 answer
React dynamic settings
Javascript React
0 vote142 views1 answer
React does not send the cookie automatically
Javascript React
0 vote126 views1 answer
How to call api on load using hooks in react
Javascript React
0 vote88 views1 answer
Import pdfmake in react
Javascript React
0 vote151 views1 answer
Multilone input react
Javascript React
0 vote151 views1 answer
How to get the data from clicking on notification on web in reactjs
Javascript React
0 vote133 views1 answer
Filter based on input typing react
Javascript React