如何根据选中的复选框获取多个数据行值并将其存储在useState中(react-table-boostrap2)

import React, { useState } from 'react';
import { useTable, useRowSelect } from 'react-table';
import 'bootstrap/dist/css/bootstrap.min.css';

const MyTable = () => {
  // 定义表格列和数据
  const columns = [
    // 列定义
    // ...
  ];
  const data = [
    // 数据行
    // ...
  ];

  // 创建表格实例
  const {
    getTableProps,
    getTableBodyProps,
    headerGroups,
    rows,
    prepareRow,
    state: { selectedRowIds },
  } = useTable(
    {
      columns,
      data,
    },
    useRowSelect, // 使用useRowSelect扩展功能
    hooks => {
      // 添加checkbox选择列
      hooks.visibleColumns.push(columns => [
        {
          id: 'selection',
          Header: ({ getToggleAllRowsSelectedProps }) => (
            <input type="checkbox" {...getToggleAllRowsSelectedProps()} />
          ),
          Cell: ({ row }) => (
            <input
              type="checkbox"
              {...row.getToggleRowSelectedProps()}
            />
          ),
        },
        ...columns,
      ]);
    }
  );

  // 存储选中行的值
  const [selectedRows, setSelectedRows] = useState([]);

  // 监听选中行的变化并更新selectedRows
  useEffect(() => {
    setSelectedRows(
      Object.keys(selectedRowIds).filter(id => selectedRowIds[id]).map(id => rows.find(row => row.id === id).original)
    );
  }, [selectedRowIds]);

  // 渲染表格
  return (
    <table {...getTableProps()} className="table table-bordered">
      <thead>
        {headerGroups.map(headerGroup => (
          <tr {...headerGroup.getHeaderGroupProps()}>
            {headerGroup.headers.map(column => (
              <th {...column.getHeaderProps()}>{column.render('Header')}</th>
            ))}
          </tr>
        ))}
      </thead>
      <tbody {...getTableBodyProps()}>
        {rows.map(row => {
          prepareRow(row);
          return (
            <tr {...row.getRowProps()}>
              {row.cells.map(cell => (
                <td {...cell.getCellProps()}>{cell.render('Cell')}</td>
              ))}
            </tr>
          );
        })}
      </tbody>
    </table>
  );
};

const App = () => {
  return (
    <div>
      <MyTable />
      {/* 其他组件内容 */}
    </div>
  );
};