/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 vote126 views1 answer
Plotly react
Javascript React
0 vote121 views1 answer
React this.state.selectedDays.toLocaleDateString is not a function
Javascript React
7 votes120 views2 answers
How to import js via script in react
Javascript React
24 votes88 views6 answers
React native navigation
Javascript React
0 vote131 views1 answer
React bootsrap color picker
Javascript React
0 vote122 views1 answer
Reactjs import electron
Javascript React
0 vote127 views1 answer
Window.location.search get parameters react
Javascript React
0 vote125 views1 answer
React key press hook
Javascript React
0 vote143 views1 answer
React read multiple files with filereader
Javascript React
2 votes130 views1 answer
Vertical align center react native view
Javascript React