useCounter

React 状态钩子，用于追踪数值型值。

useNumber 是 useCounter 的别称。

用法

  1. import {useCounter, useNumber} from 'react-use';
  3. const Demo = () => {
  4.   const [value, {inc, dec, get, set, reset}] = useCounter(5);
  6.   return (
  7.     <div>
  8.       <div>{value} is {get()}</div>
  9.       <button onClick={() => inc()}>Increment</button>
  10.       <button onClick={() => dec()}>Decrement</button>
  11.       <button onClick={() => inc(5)}>Increment (+5)</button>
  12.       <button onClick={() => dec(5)}>Decrement (-5)</button>
  13.       <button onClick={() => set(100)}>Set 100</button>
  14.       <button onClick={() => reset()}>Reset</button>
  15.       <button onClick={() => reset(25)}>Reset (25)</button>
  16.     </div>
  17.   );
  18. };