React从多个输入文本字段读取输入值

import React, { useState } from 'react';

function MultiInputForm() {
  const [formValues, setFormValues] = useState({
    input1: '',
    input2: '',
    input3: '',
  });

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

  const handleSubmit = (event) => {
    event.preventDefault();
    // 在这里可以访问formValues对象，获取所有输入字段的值
    console.log(formValues);
  };

  return (
    <form onSubmit={handleSubmit}>
      <input
        type="text"
        name="input1"
        value={formValues.input1}
        onChange={handleInputChange}
      />
      <input
        type="text"
        name="input2"
        value={formValues.input2}
        onChange={handleInputChange}
      />
      <input
        type="text"
        name="input3"
        value={formValues.input3}
        onChange={handleInputChange}
      />
      <button type="submit">提交</button>
    </form>
  );
}

export default MultiInputForm;