reactjs表单:两个提交按钮对同一表单执行两个不同的任务

import React, { useState } from 'react';

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

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

  const handleSubmitTask1 = (e) => {
    e.preventDefault();
    // 执行第一个任务的逻辑
    console.log('执行任务1', formData);
  };

  const handleSubmitTask2 = (e) => {
    e.preventDefault();
    // 执行第二个任务的逻辑
    console.log('执行任务2', formData);
  };

  return (
    <form onSubmit={handleSubmitTask1}>
      <input type="text" name="name" value={formData.name} onChange={handleChange} placeholder="Name" />
      <input type="email" name="email" value={formData.email} onChange={handleChange} placeholder="Email" />
      
      <button type="submit">提交任务1</button>
      <button type="button" onClick={handleSubmitTask2}>提交任务2</button>
    </form>
  );
}

export default MyForm;