如何通过在react中单击图像来提交表单？

import React, { useState } from 'react';

const FormComponent = () => {
  const [formData, setFormData] = useState({
    name: '',
    email: '',
  });

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

  const handleSubmit = () => {
    // 发送表单数据到服务器
    fetch('https://example.com/submit', {
      method: 'POST',
      body: JSON.stringify(formData),
    })
      .then((response) => response.json())
      .then((data) => {
        // 处理服务器响应
      })
      .catch((error) => {
        // 处理错误
      });
  };

  return (
    <div>
      <input
        type="text"
        name="name"
        value={formData.name}
        onChange={handleInputChange}
        placeholder="姓名"
      />
      <input
        type="email"
        name="email"
        value={formData.email}
        onChange={handleInputChange}
        placeholder="邮箱"
      />
      <img src="path/to/image.png" alt="图像" onClick={handleSubmit} />
    </div>
  );
};

export default FormComponent;