在React的TableItem组件中刷新页面之前，不会添加Word

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

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

  useEffect(() => {
    fetchData();
  }, []);

  const fetchData = () => {
    // 通过网络请求或其他方式获取最新的数据
    // 并将数据更新到状态变量中
    const newData = // 获取最新的数据的逻辑
    setData(newData);
  };

  const refreshPage = () => {
    window.location.reload(); // 刷新页面
  };

  return (
    <div>
      <button onClick={refreshPage}>刷新页面</button>
      <table>
        <thead>
          <tr>
            <th>列1</th>
            <th>列2</th>
            <th>列3</th>
          </tr>
        </thead>
        <tbody>
          {data.map((item, index) => (
            <tr key={index}>
              <td>{item.column1}</td>
              <td>{item.column2}</td>
              <td>{item.column3}</td>
            </tr>
          ))}
        </tbody>
      </table>
    </div>
  );
};

export default TableItem;