如何在React Table中再次获取数据？

import React, { Component } from 'react';
import { useTable } from 'react-table';

class MyTable extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: [] // 数据源变量
    };
  }

  componentDidMount() {
    // 获取初始数据
    this.fetchData();
  }

  fetchData = async () => {
    // 使用异步请求获取数据
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    this.setState({ data }); // 更新数据源变量
  }

  fetchNewData = async () => {
    // 获取新的数据
    const response = await fetch('https://api.example.com/new-data');
    const newData = await response.json();
    this.setState({ data: newData }); // 更新数据源变量
  }

  render() {
    const columns = [
      // 定义表格列
      { Header: 'Name', accessor: 'name' },
      { Header: 'Age', accessor: 'age' },
      // ...
    ];

    return (
      <div>
        <button onClick={this.fetchNewData}>获取新数据</button>
        <Table columns={columns} data={this.state.data} /> // 使用React Table展示表格
      </div>
    );
  }
}

export default MyTable;