useCounter

About

Counter hook for React.


Examples

import React from "react";
import { useCounter, useDidMount } from "rooks";

export default function App() {
  const {
    value,
    increment,
    decrement,
    incrementBy,
    decrementBy,
    reset,
  } = useCounter(3);

  function incrementBy5() {
    incrementBy(5);
  }
  function decrementBy7() {
    decrementBy(7);
  }

  return (
    <>
      Current value is {value}
      <hr />
      <button onClick={increment}>increment</button>
      <button onClick={decrement}>decrement</button>
      <button onClick={incrementBy5}>incrementBy5</button>
      <button onClick={decrementBy7}>decrementBy7</button>
      <hr />
      <button onClick={reset}>reset</button>
    </>
  );
}

Arguments

ArgumentTypeDescription
initialValuenumberInitial value of the counter

Return

Return valueTypeDescription
counterObjectObject containing {value,increment,decrement,incrementBy,decrementBy,reset}

Join the community!

Join our discord server! You can click the floating discord icon at the bottom right of the screen and chat with us!

Powered by vercel