如何在react中根据一个输入表单自动更新另一个输入表单？

import React, { useState } from 'react';

function MyComponent() {
  const [input1, setInput1] = useState('');
  const [input2, setInput2] = useState('');

  // 其他代码...

  return (
    <div>
      <input
        type="text"
        value={input1}
        onChange={(e) => setInput1(e.target.value)}
      />
      <input
        type="text"
        value={input2}
        onChange={(e) => setInput2(e.target.value)}
      />
    </div>
  );
}

<input
  type="text"
  value={input1}
  onChange={(e) => {
    setInput1(e.target.value);
    setInput2(e.target.value.toUpperCase()); // 根据需要计算第二个输入表单的新值
  }}
/>