Back to React Use

`usePrevious`

docs/usePrevious.md

17.6.0651 B
Original Source

usePrevious

React state hook that returns the previous state as described in the React hooks FAQ.

Usage

jsx
import {usePrevious} from 'react-use';

const Demo = () => {
  const [count, setCount] = React.useState(0);
  const prevCount = usePrevious(count);

  return (
    <p>
      <button onClick={() => setCount(count + 1)}>+</button>
      <button onClick={() => setCount(count - 1)}>-</button>
      <p>
        Now: {count}, before: {prevCount}
      </p>
    </p>
  );
};

Reference

ts
const prevState = usePrevious = <T>(state: T): T;