Verhindern, dass eine Funktion zu oft aufgerufen wird React-Code Beispiele

Radu TM

Verhindern, dass eine Funktion zu oft aufgerufen wird React

JavaScript von Radu TM June 16, 2022

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

function useThrottle(fn, threshhold, scope) {
  let lastFnCallTimestamp = Date.now();

  return function throttleWrapper() {
    const now = Date.now();
    if (now - lastFnCallTimestamp < threshhold) return;

    lastFnCallTimestamp = now;
    fn.apply(scope, arguments);
  }
}

// Verwendung
function MyComponent() {
  const [clicks, setClicks] = useState(0);

  function handleClick() {
    setClicks(clicks + 1);
  }

  const throttledHandleClick = useThrottle(handleClick, 1000);

  return (
    <div onClick={throttledHandleClick}>
      Dieses Div wurde {clicks} mal angeklickt.
    </div>
  );
}

0

45.954

Ähnliche JavaScript-Abfragen

Letzte JavaScript Abfragen

Code Beispiele nach Kategorien durchstöbern