/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 vote230 views1 answer
React actions sintaxe
Javascript React
0 vote266 views1 answer
How to start react project on atom
Javascript React
0 vote262 views1 answer
Route guards in react
Javascript React
0 vote252 views1 answer
Text field drag and drop reactjs
Javascript React
66 votes232 views4 answers
How to redirect to a website in react
Javascript React
1 vote244 views1 answer
Change color react icon
Javascript React
0 vote292 views2 answers
React native: how to know th softkey height
Javascript React
0 vote238 views1 answer
Docker react js
Javascript React
0 vote259 views1 answer
React tooltip on disabled button
Javascript React
0 vote278 views1 answer
Random word react npm package
Javascript React