useState変更前の値を保持する

やり方

useRefを使用して、変更前のnameを保持する

import React, {
  useState,
  useEffect,
  useRef
} from 'react';

export default function App() {
  const [name, setName] = useState('');
  const prevName = useRef('');

  useEffect(() => {
    prevName.current = name;
  }, [name]);

  return (
    <>
      <input
        value={name}
        onChange={(e) => setName(e.target.value)}
      />
      <div>
        My name is {name} and it used to be{' '}
        {prevName.current}
      </div>
    </>
  );
}

参考ビデオ:https://youtu.be/t2ypzz6gJm0