Skip to main content
Version: Next

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​

ArgumentsTypeDescriptionDefault value
currentValueTThe variable whose previously different value is to be trackedundefined

Return​

Returned valueTypeDescription
previousValueTreturns 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.