@sevenoutman/use-auto-incrementdeprecated

React Hook for auto incrementing value

Usage no npm install needed!

<script type="module">
  import sevenoutmanUseAutoIncrement from 'https://cdn.skypack.dev/@sevenoutman/use-auto-increment';
</script>

README

use-auto-increment

React Hook for auto incrementing value

yarn add @sevenoutman/use-auto-increment

Usage

import useAutoIncrement from '@sevenoutman/use-auto-increment';

function App() {
    
    const [clickCount, increment] = useAutoIncrement(0);
    
    return (
        <Button onClick={increment}>
            You've clicked {clickCount} times.
        </Button>
    );
}

API

useAutoIncrement(initialValue?: number, step?: number): [value, increment]

Default hook signature, returns a array representing [value, increment].

  • initialValue: Initial value for value, defaults to 1.
  • step: Increment step, defaults to 1.

increment(): void

Increment value by step.

increment.by(amount: number): void

When you want to increment your value by a different amount from step, use increment.by(amount).