mirror of
https://github.com/streamich/react-use.git
synced 2025-12-08 18:02:14 +00:00
30 lines
739 B
Markdown
30 lines
739 B
Markdown
# `useCounter`
|
|
|
|
React state hook that tracks a numeric value.
|
|
|
|
`useNumber` is an alias for `useCounter`.
|
|
|
|
|
|
## Usage
|
|
|
|
```jsx
|
|
import {useCounter, useNumber} from 'react-use';
|
|
|
|
const Demo = () => {
|
|
const [value, {inc, dec, get, set, reset}] = useCounter(5);
|
|
|
|
return (
|
|
<div>
|
|
<div>{value} is {get()}</div>
|
|
<button onClick={() => inc()}>Increment</button>
|
|
<button onClick={() => dec()}>Decrement</button>
|
|
<button onClick={() => inc(5)}>Increment (+5)</button>
|
|
<button onClick={() => dec(5)}>Decrement (-5)</button>
|
|
<button onClick={() => set(100)}>Set 100</button>
|
|
<button onClick={() => reset()}>Reset</button>
|
|
<button onClick={() => reset(25)}>Reset (25)</button>
|
|
</div>
|
|
);
|
|
};
|
|
```
|