/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 vote175 views1 answer
React fetch data in for loop
Javascript React
1 vote217 views1 answer
Two proptypes in react
Javascript React
0 vote266 views2 answers
React particles react
Javascript React
0 vote181 views1 answer
React show new app
Javascript React
23 votes210 views4 answers
Change port react app
Javascript React
0 vote195 views1 answer
Display only initials from full name reactjs
Javascript React
6 votes219 views3 answers
Apply required attribute on input using ternary operator using react js
Javascript React
108 votes297 views2 answers
React start new app
Javascript React
6 votes202 views2 answers
How do I conditionally add attributes to React components?
Javascript React
0 vote204 views1 answer
React native load function each time visit screen
Javascript React