如何将输入值传递给ReactJs中的另一个输入值onBlur事件？

import React, { useState } from 'react';

const App = () => {
  const [inputValue1, setInputValue1] = useState('');
  const [inputValue2, setInputValue2] = useState('');

  const handleBlur = () => {
    setInputValue2(inputValue1);
  };

  return (
    <div>
      <input
        type="text"
        value={inputValue1}
        onChange={(e) => setInputValue1(e.target.value)}
        onBlur={handleBlur}
      />
      <input type="text" value={inputValue2} readOnly />
    </div>
  );
};

export default App;