Onclick hold react

import { useState, useEffect, useCallback } from 'react';

export default function useLongPress(callback = () => {}, ms = 300) {
  const [startLongPress, setStartLongPress] = useState(false);

  useEffect(() => {
    let timerId;
    if (startLongPress) {
      timerId = setTimeout(callback, ms);
    } else {
      clearTimeout(timerId);
    }

    return () => {
      clearTimeout(timerId);
    };
  }, [callback, ms, startLongPress]);

  const start = useCallback(() => {
    setStartLongPress(true);
  }, []);
  const stop = useCallback(() => {
    setStartLongPress(false);
  }, []);

  return {
    onMouseDown: start,
    onMouseUp: stop,
    onMouseLeave: stop,
    onTouchStart: start,
    onTouchEnd: stop,
  };
}

Source: stackoverflow.com

Similar codes

0 vote372 views1 answer
Try catch in react native
Javascript React
0 vote328 views1 answer
Page scrolling react js
Javascript React
0 vote378 views1 answer
React native generate app hash without play console
Javascript React
1 vote356 views2 answers
How to get window size in react js
Javascript React
4 votes348 views3 answers
React js get screen size
Javascript React
32 votes332 views1 answer
React-router react-router-dom
Javascript React
0 vote350 views1 answer
Make a ReactNative component take the height and width of the current window
Javascript React
0 vote371 views2 answers
Quokka create-react-app sample
Javascript React
4 votes383 views1 answer
How to add oAuth google signin in react native app
Javascript React
6 votes382 views1 answer
React hooks scss supoort
Javascript React