usePreviousDifferent

About

usePreviousDifferent returns the last different value of a variable

Installation

npm install --save rooks

Importing the hook

import { usePreviousDifferent } from "rooks";

Usage

function Demo() {
  const [value, setValue] = useState(0);
  const previousValue = usePreviousDifferent(value);

  return (
    <div>
      <div>
        <p>Counter: {value}</p>
        <p>Previous Counter: {previousValue}</p>
        <button onClick={() => setValue(value + 1)}>Next</button>
      </div>
    </div>
  );
}

render(<Demo />);

Arguments

Arguments	Type	Description	Default value
currentValue	T	The variable whose previously different value is to be tracked	undefined

Return

Returned value	Type	Description
previousValue	T	returns the past value which was different from the current one

---

Codesandbox Examples

Basic Usage

Join Bhargav's discord server

You can click on the floating discord icon at the bottom right of the screen and talk to us in our server.