useThrottle and useThrottleFn

用于节流的 React 钩子。

Usage

  1. import React, { useState } from 'react';
  2. import { useThrottle, useThrottleFn } from 'react-use';
  3. const Demo = ({value}) => {
  4. const throttledValue = useThrottle(value);
  5. // const throttledValue = useThrottleFn(value => value, 200, [value]);
  6. return (
  7. <>
  8. <div>Value: {value}</div>
  9. <div>Throttled value: {throttledValue}</div>
  10. </>
  11. );
  12. };

Reference

  1. useThrottle(value, ms?: number);
  2. useThrottleFn(fn, ms, args);