ReactJS:提交时保存按钮值

import React, { useState } from 'react';

function MyForm() {
  const [buttonValue, setButtonValue] = useState('');

  const handleSubmit = (event) => {
    event.preventDefault();
    console.log('Button Value:', buttonValue);
    // 这里可以添加更多的处理逻辑，如发送数据到服务器
  };

  const handleButtonClick = () => {
    setButtonValue('Submitted');
  };

  return (
    <form onSubmit={handleSubmit}>
      <input type="text" name="inputField" placeholder="Enter something" />
      <button type="button" onClick={handleButtonClick}>
        {buttonValue || 'Submit'}
      </button>
      <button type="submit">Final Submit</button>
    </form>
  );
}

export default MyForm;

const handleButtonClick = () => {
  setButtonValue(prevValue => {
    console.log('Previous Value:', prevValue);
    return 'Submitted';
  });
};