如何在React中获取字段的上一个值？我想使用它来显示用户在字段上单击'edit‘时的先前输入

import React, { useState } from 'react';

const MyComponent = () => {
  const [fieldValue, setFieldValue] = useState('');
  const [previousValue, setPreviousValue] = useState('');

  const handleFieldChange = (event) => {
    setPreviousValue(fieldValue); // 保存当前值为上一个值
    setFieldValue(event.target.value); // 更新当前值为新输入值
  };

  const handleEditClick = () => {
    console.log('Previous value:', previousValue);
  };

  return (
    <div>
      <input type="text" value={fieldValue} onChange={handleFieldChange} />
      <button onClick={handleEditClick}>Edit</button>
    </div>
  );
};

export default MyComponent;