React.JS -根据另一个输入更改输入

import React, { useState } from 'react';

function InputChangeExample() {
  const [inputValue1, setInputValue1] = useState('');
  const [inputValue2, setInputValue2] = useState('');

  const handleInputChange1 = (event) => {
    const value = event.target.value;
    setInputValue1(value);
    setInputValue2(value); // 根据第一个输入更改第二个输入的值
  };

  const handleInputChange2 = (event) => {
    const value = event.target.value;
    setInputValue2(value);
    setInputValue1(value); // 根据第二个输入更改第一个输入的值
  };

  return (
    <div>
      <input type="text" value={inputValue1} onChange={handleInputChange1} />
      <input type="text" value={inputValue2} onChange={handleInputChange2} />
    </div>
  );
}

export default InputChangeExample;