单击切换侧边栏时，选定的行总是重置

【问题标题】：Selected rows always resetting when click on toggle sidebar单击切换侧边栏时，选定的行总是重置
【发布时间】：2022-07-13 15:17:29
【问题描述】：

请找到代码链接https://codesandbox.io/s/funny-phoebe-ux3e5?file=/src/nestead-table/index.js

从表中选择任何记录，然后单击切换侧栏，选中的复选框总是被重置。

请帮助提前致谢！

【问题讨论】：

期望有人进行调试的代码太多了。尝试隔离有问题的代码并提出您的问题。提示：您是否使用状态来管理已打勾的框？
如上所述，请将其简化为更易于管理的最小可行示例。除此之外，你看过autoResetSelectedRows吗？

标签： reactjs checkbox html-table react-table react-table-v7

【解决方案1】：

添加 autoResetSelectedRows: false、autoResetSelectedCell: false 和 autoResetSelectedColumn: false。这将解决您遇到的问题。

function Table({ columns: userColumns, data }) {
const {
  getTableProps,
  getTableBodyProps,
  headerGroups,
  rows,
  prepareRow,
  page, // Instead of using 'rows', we'll use page,
  // which has only the rows for the active page

  // The rest of these things are super handy, too ;)
  canPreviousPage,
  canNextPage,
  pageOptions,
  pageCount,
  gotoPage,
  nextPage,
  previousPage,
  setPageSize,
  selectedFlatRows,
  state: { pageIndex, pageSize }
} = useTable(
  {
    columns: userColumns,
    data,
    initialState: { hiddenColumns: excludeColoumns, pageIndex: 0 }
    // Here you can add
    autoResetSelectedRows: false,
    autoResetSelectedCell: false,
    autoResetSelectedColumn: false,
  },
  useSortBy,
  usePagination,
  useRowSelect,

【讨论】：