如何在React钩子表单名称中获取数字作为键

import React, { useState } from 'react';

function NumberKeyForm() {
  const [formData, setFormData] = useState({});

  const handleChange = (e) => {
    const { name, value } = e.target;
    setFormData({
      ...formData,
      [name]: value,
    });
  };

  const handleSubmit = (e) => {
    e.preventDefault();
    console.log(formData);
  };

  return (
    <form onSubmit={handleSubmit}>
      {[1, 2, 3].map((number) => (
        <div key={number}>
          <label htmlFor={`input-${number}`}>Input {number}:</label>
          <input
            type="text"
            id={`input-${number}`}
            name={`input-${number}`}
            onChange={handleChange}
          />
        </div>
      ))}
      <button type="submit">Submit</button>
    </form>
  );
}

export default NumberKeyForm;

const handleChange = (e) => {
  const { name, value } = e.target;
  setFormData(prevState => ({
    ...prevState,
    [name]: value,
  }));
};