Skip to content

Files

Latest commit

9f003fd Β· Oct 6, 2019

History

History
30 lines (23 loc) Β· 652 Bytes

usePrevious.md

File metadata and controls

30 lines (23 loc) Β· 652 Bytes

usePrevious

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

Usage

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

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