/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 vote157 views2 answers
React router dom link same page with different param
Javascript React
1 vote165 views1 answer
How to authenticate token in react using axios
Javascript React
2 votes150 views1 answer
Make page refresh on top in react js
Javascript React
0 vote149 views1 answer
React native notifications error
Javascript React
1 vote121 views1 answer
Press enter reaction js
Javascript React
1 vote141 views1 answer
Inject Javascript Function not working in Android React Native WebView but work fine in iOS React Native
Javascript React
0 vote165 views1 answer
Antd react native
Javascript React
0 vote141 views1 answer
React-with-firebase-auth
Javascript React
5 votes129 views1 answer
React dom
Javascript React
0 vote145 views2 answers
React arrow function component
Javascript React