在ReactJS中使用多个提交按钮提交表单

import React, { useState } from 'react';

const FormComponent = () => {
  const [name, setName] = useState('');
  const [email, setEmail] = useState('');

  const handleSave = () => {
    // 执行保存表单数据的操作
    console.log('保存表单数据:', name, email);
  };

  const handleSubmit = () => {
    // 执行提交表单数据的操作
    console.log('提交表单数据:', name, email);
  };

  return (
    <form>
      <label>
        姓名:
        <input type="text" value={name} onChange={(e) => setName(e.target.value)} />
      </label>
      <br />
      <label>
        邮箱:
        <input type="email" value={email} onChange={(e) => setEmail(e.target.value)} />
      </label>
      <br />
      <button type="button" onClick={handleSave}>保存</button>
      <button type="button" onClick={handleSubmit}>提交</button>
    </form>
  );
};

export default FormComponent;