在reactjs中delete请求后如何更新表？

import React, { useState, useEffect } from 'react';

const TableComponent = () => {
  const [data, setData] = useState([]);

  useEffect(() => {
    // 发送DELETE请求到服务器
    fetch('https://api.example.com/data', {
      method: 'DELETE',
    })
      .then(response => response.json())
      .then(responseData => {
        // 更新数据
        setData(responseData);
      })
      .catch(error => {
        console.error('Error:', error);
      });
  }, []);

  return (
    <table>
      <tbody>
        {data.map((item, index) => (
          <tr key={index}>
            {Object.values(item).map((value, index) => (
              <td key={index}>{value}</td>
            ))}
          </tr>
        ))}
      </tbody>
    </table>
  );
};

export default TableComponent;