React本机useEffect和useState显示受控TextInput上的先前状态

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

function ControlledTextInput() {
  const [value, setValue] = useState('');

  const handleChange = (event) => {
    setValue(event.target.value);
  };

  return (
    <input type="text" value={value} onChange={handleChange} />
  );
}

function ControlledTextInput() {
  const [value, setValue] = useState('');
  const [previousValue, setPreviousValue] = useState('');

  const handleChange = (event) => {
    setValue(event.target.value);
  };

  useEffect(() => {
    setPreviousValue(value);
  }, [value]);

  return (
    <div>
      <input type="text" value={value} onChange={handleChange} />
      <p>Previous Value: {previousValue}</p>
    </div>
  );
}