usePrevious

跟蹤更新前的值

Usage

即時編輯器

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

  return (
    <div>
      <button onClick={() => setCount(count + 1)}>+</button>
      <button onClick={() => setCount(count - 1)}>-</button>
      <p>
        現在: {count}, 之前: {prevCount}
      </p>
    </div>
  );
};

結果

現在: 0, 之前:

API

usePrevious

Returns

T | undefined: 更新前的值

Arguments

參數名	描述	類型	預設值
state	状态值	T (必填)	-