使用useState对象子对象输入文本

import React, { useState } from 'react';

const InputText = () => {
  const [textInputs, setTextInputs] = useState({
    input1: '',
    input2: '',
    input3: '',
  });

  const handleInputChange = (event) => {
    const { name, value } = event.target;
    setTextInputs((prevState) => ({
      ...prevState,
      [name]: value,
    }));
  };

  return (
    <div>
      <input
        type="text"
        name="input1"
        value={textInputs.input1}
        onChange={handleInputChange}
      />
      <input
        type="text"
        name="input2"
        value={textInputs.input2}
        onChange={handleInputChange}
      />
      <input
        type="text"
        name="input3"
        value={textInputs.input3}
        onChange={handleInputChange}
      />
    </div>
  );
};

export default InputText;