如何在Material React Table V1页面加载时重置行选中状态？

可以通过initialState属性直接实现页面加载时无任何行被选中的需求，具体做法是给initialState传入rowSelection: {}配置：

修改后的组件代码如下：

import { MaterialReactTable } from 'material-react-table';

<MaterialReactTable
  key={refreshPage}
  columns={myTableColumns}
  data={myTableContent}
  enableColumnResizing
  enableFullScreenToggle={false}
  enableHiding={false}
  enablePinning={!isMobile}
  enableExpanding
  enableStickyHeader
  enableRowSelection
  // 初始化行选中状态为空，无任何行被选中
  initialState={{ rowSelection: {} }}
/>

说明 #

initialState.rowSelection是一个键值对对象，键对应行的唯一标识（默认取行数据中的id字段，可通过rowIdAccessor自定义），值为布尔值表示该行是否被选中。将其设为空对象，就能确保页面加载时没有任何行处于选中状态。

内容的提问来源于stack exchange，提问作者ArthurJ