动态表单-如何使用react钩子更新'onChange‘事件中多个表单字段的值？

import React, { useState } from 'react';

const DynamicForm = () => {
  const [formData, setFormData] = useState({
    field1: '',
    field2: '',
    field3: ''
  });

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

  return (
    <form>
      <input
        type="text"
        name="field1"
        value={formData.field1}
        onChange={handleInputChange}
      />
      <input
        type="text"
        name="field2"
        value={formData.field2}
        onChange={handleInputChange}
      />
      <input
        type="text"
        name="field3"
        value={formData.field3}
        onChange={handleInputChange}
      />
    </form>
  );
};

export default DynamicForm;