如何在react中以对象数组的形式提交数据

const [data, setData] = useState([]);

const handleInputChange = (e) => {
  const { name, value } = e.target;
  setData([...data, { [name]: value }]);
};

const handleSubmit = (e) => {
  e.preventDefault();
  fetch('/api/submit', {
    method: 'POST',
    body: JSON.stringify(data),
    headers: {
      'Content-Type': 'application/json',
    },
  })
    .then((response) => response.json())
    .then((responseData) => {
      // 处理服务器响应
    })
    .catch((error) => {
      // 处理错误
    });
};

<form onSubmit={handleSubmit}>
  {data.map((item, index) => (
    <div key={index}>
      <input
        type="text"
        name={`field${index}`}
        value={item[`field${index}`] || ''}
        onChange={handleInputChange}
      />
    </div>
  ))}
  <button type="submit">提交</button>
</form>