/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

4 votes316 views4 answers
Deploy react app
Javascript React
9 votes326 views5 answers
How to add array data on state react
Javascript React
0 vote341 views1 answer
React i18n outside component
Javascript React
0 vote350 views3 answers
How to hide a screen from drawer in react navigation 5
Javascript React
0 vote390 views1 answer
Add Multilanguage Support to React App
Javascript React
-1 vote354 views1 answer
React-native run-ios command
Javascript React
0 vote368 views2 answers
React arrow function component
Javascript React
0 vote400 views1 answer
React.common.JavascriptException: Error: invalid host
Javascript React
0 vote366 views1 answer
Fcctest cdn reactjs setup
Javascript React
4 votes310 views1 answer
React router dom v6 goback
Javascript React