1 contributor
Like
Install use-counter as a package?
Copied
npm i @bit/giladshoham.react-hooks.use.use-counter
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.cloud
Component Example
React
React
Vue
Angular
React Native
Add dependency... help_outline
Just any of the 1 million components
and packages in Bit or NPM to the example.toggle layout
chevron_left
chevron_right
useCounter
React state hook that tracks a numeric value.
useNumber is an alias for useCounter.
Usage
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>
);
};