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 vote183 views1 answer
Search for country name from api with react
Javascript React
1 vote176 views1 answer
When i go srource in react app in chrome i see my files
Javascript React
0 vote232 views1 answer
How to get the data from clicking on notification on web in reactjs
Javascript React
0 vote190 views2 answers
React date picker disable past dates
Javascript React
1 vote178 views1 answer
Difference between dom and react dom
Javascript React
3 votes186 views2 answers
Yup checking phone number is valid react
Javascript React
0 vote198 views1 answer
String contains in react
Javascript React
0 vote179 views1 answer
React native curved view
Javascript React
1 vote207 views1 answer
React native flatlist hide scrollbar
Javascript React
0 vote193 views1 answer
Module missing for arearange highcharts react
Javascript React