如何在react钩子中将3个输入元素中的单个输入元素传递到组件中

import React, { useState } from 'react';

function MyComponent() {
  // 创建三个状态变量来存储输入元素的值
  const [input1, setInput1] = useState('');
  const [input2, setInput2] = useState('');
  const [input3, setInput3] = useState('');

  // 处理输入元素的变化
  const handleInputChange = (event, inputNumber) => {
    switch (inputNumber) {
      case 1:
        setInput1(event.target.value);
        break;
      case 2:
        setInput2(event.target.value);
        break;
      case 3:
        setInput3(event.target.value);
        break;
      default:
        break;
    }
  };

  // 将input2的值传递到组件中
  const input2Value = input2;

  return (
    <div>
      <input
        type="text"
        value={input1}
        onChange={(event) => handleInputChange(event, 1)}
      />
      <input
        type="text"
        value={input2}
        onChange={(event) => handleInputChange(event, 2)}
      />
      <input
        type="text"
        value={input3}
        onChange={(event) => handleInputChange(event, 3)}
      />
      <p>Input 2 Value: {input2Value}</p>
    </div>
  );
}

export default MyComponent;