要實現編輯保存數據的功能，可以按照以下步驟進行：

1. 創建一個 React 組件，用于顯示和編輯數據。在組件的 state 中定義一個數據對象，用于存儲需要編輯的數據。

2. 在組件的渲染方法中，使用表單或其他適當的 UI 元素展示數據，并允許用戶進行編輯。

3. 在組件中定義一個處理編輯的方法，該方法會更新組件的 state 中的數據對象。

4. 在組件中定義一個保存數據的方法，該方法會發送更新后的數據對象到后端進行保存。可以使用 AJAX 請求或其他適當的方式發送數據。

5. 在組件的 UI 中添加一個保存按鈕，點擊該按鈕時調用保存數據的方法。

下面是一個示例代碼：

import React, { useState } from 'react';

function EditDataComponent() {
  const [data, setData] = useState({ name: '', age: '', email: '' });

  const handleEdit = (event) => {
    const { name, value } = event.target;
    setData(prevData => ({ ...prevData, [name]: value }));
  };

  const handleSave = () => {
    // 發送數據到后端保存
    // 可以使用 fetch 或其他 AJAX 請求庫發送數據
    fetch('/api/save', {
      method: 'POST',
      body: JSON.stringify(data),
      headers: {
        'Content-Type': 'application/json'
      }
    })
      .then(response => response.json())
      .then(savedData => {
        console.log('Data saved successfully:', savedData);
        // 可以在這里進行其他操作，如顯示保存成功的消息等
      })
      .catch(error => {
        console.error('Error saving data:', error);
        // 可以在這里進行錯誤處理，如顯示保存失敗的消息等
      });
  };

  return (
    <div>
      <input
        type="text"
        name="name"
        value={data.name}
        onChange={handleEdit}
      />
      <input
        type="text"
        name="age"
        value={data.age}
        onChange={handleEdit}
      />
      <input
        type="email"
        name="email"
        value={data.email}
        onChange={handleEdit}
      />
      <button onClick={handleSave}>保存</button>
    </div>
  );
}

export default EditDataComponent;

在上述示例代碼中，EditDataComponent 組件會渲染一個包含三個輸入框和一個保存按鈕的表單。用戶可以在輸入框中編輯數據，并點擊保存按鈕將數據發送到后端進行保存。編輯數據時，handleEdit 方法會更新組件的 state 中的數據對象，而保存數據時，handleSave 方法會發送更新后的數據對象到后端進行保存。