如何在React-Bootstrap-Table-Next上搜索后获取搜索值

import React, { useState } from 'react';
import BootstrapTable from 'react-bootstrap-table-next';
import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';

const columns = [
  {
    dataField: 'id',
    text: 'ID'
  },
  {
    dataField: 'name',
    text: 'Name',
    filter: textFilter() // 添加文本过滤器
  },
  // 其他列定义...
];

const data = [
  { id: 1, name: 'John' },
  { id: 2, name: 'Jane' },
  // 其他数据...
];

const MyTable = () => {
  const [searchValue, setSearchValue] = useState('');

  // 处理搜索值变化的回调函数
  const handleSearchChange = (e) => {
    setSearchValue(e.target.value);
  };

  return (
    <div>
      <input type="text" value={searchValue} onChange={handleSearchChange} placeholder="Search..." />
      <BootstrapTable
        keyField="id"
        data={data}
        columns={columns}
        filter={filterFactory()}
      />
    </div>
  );
};