如何将新数据加载到react-bootstrap-table2

import React, { useState, useEffect } from "react";
import BootstrapTable from "react-bootstrap-table-next";
import cellEditFactory from "react-bootstrap-table2-editor";
// 其他必要的库和模块

const MyTable = () => {
  const [data, setData] = useState([]); // 初始化数据状态
  const [columns, setColumns] = useState([]); // 初始化列定义状态

  useEffect(() => {
    // 在此处获取新数据，并将数据和列定义设置到状态中
    const newData = // 获取新数据的方法

    setData(newData); // 设置新数据
    setColumns([ // 设置列定义
      // 列定义示例
      { dataField: "id", text: "ID" },
      { dataField: "name", text: "Name" },
      // 其他列定义
    ]);
  }, []);

  // 其他必要的处理逻辑和事件处理函数

  return (
    <BootstrapTable
      keyField="id"
      data={data}
      columns={columns}
      cellEdit={cellEditFactory({ mode: "click", blurToSave: true })}
    />
  );
};

const App = () => {
  // 其他必要的逻辑和状态

  return (
    <div>
      // 其他组件和内容
      <MyTable />
    </div>
  );
};