ReactJS:提交时保存按钮值

import React, { useState } from 'react';

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

  const handleButtonClick = () => {
    // 处理保存按钮点击事件
    // 可以在这里执行保存逻辑，例如发送请求到后端进行数据保存
    // 或者更新组件状态等
  };

  const handleInputChange = (event) => {
    setButtonValue(event.target.value);
  };

  return (
    <div>
      <input type="text" value={buttonValue} onChange={handleInputChange} />
      <button onClick={handleButtonClick}>保存</button>
    </div>
  );
}

export default SaveButton;

import React from 'react';
import SaveButton from './SaveButton';

function Form() {
  return (
    <form>
      {/* 其他表单元素 */}
      <SaveButton />
    </form>
  );
}

export default Form;