如何使用 mui-datatable 在 React 上持久化选择
How to persist selection on React using mui-datatable
我正在使用 mui-datatable 在我的应用程序中实现 table。我拥有我需要的所有功能 运行ning，而且我正在使用服务器端数据和分页。
问题是当用户更改当前页面时，我需要保留 selection 行。
我可以使用 onRowSelected 将 select 编辑的行的 ID 存储在外部数组中。但我不确定如何使 table 将这些行呈现为 select在用户更改页面时编辑。
切记我使用的是服务器端数据，所以我的想法是在第 1 页，当我 select 第 1 行时，获取该记录的 ID 并将其添加到select编辑ID。然后我需要检查页面中当前显示的行的 id 是否包含在 selected 数组中，如果是，则在 table 中检查它是否为 selected。这样当我更改页面时，相同的逻辑将 运行 并且所有行都将被清除，因为新页面中行的 none 被 selected.. 我想你明白了点.
我不知道我应该在哪里检查该行的 ID 是否包含在我的 selected 数组中，如果是，如何在数据中检查它table。
在此先感谢您的帮助。
您可以将整个 MUI 数据表包装在另一个组件中，该组件维护所有选定行的状态
我很笨...我只是需要睡觉 xD
当我意识到我只需要像这样传递 rowsSelected 选项后，我的问题就解决了：
rowsSelected: this.state.pictures.filter(p=>this.state.selectedIds.includes(p.id)).map((p,i)=>i)
其中 this.state.picture 会在用户更改页面时发生变化，并且 rowsSelected 也会发生变化。
没关系...这是菜鸟的错误。
我正在使用 mui-datatable 在我的应用程序中实现 table。我拥有我需要的所有功能 运行ning，而且我正在使用服务器端数据和分页。
问题是当用户更改当前页面时，我需要保留 selection 行。
我可以使用 onRowSelected 将 select 编辑的行的 ID 存储在外部数组中。但我不确定如何使 table 将这些行呈现为 select在用户更改页面时编辑。
切记我使用的是服务器端数据，所以我的想法是在第 1 页，当我 select 第 1 行时，获取该记录的 ID 并将其添加到select编辑ID。然后我需要检查页面中当前显示的行的 id 是否包含在 selected 数组中，如果是，则在 table 中检查它是否为 selected。这样当我更改页面时，相同的逻辑将 运行 并且所有行都将被清除，因为新页面中行的 none 被 selected.. 我想你明白了点.
我不知道我应该在哪里检查该行的 ID 是否包含在我的 selected 数组中，如果是，如何在数据中检查它table。
在此先感谢您的帮助。
您可以将整个 MUI 数据表包装在另一个组件中，该组件维护所有选定行的状态
我很笨...我只是需要睡觉 xD
当我意识到我只需要像这样传递 rowsSelected 选项后，我的问题就解决了：
rowsSelected: this.state.pictures.filter(p=>this.state.selectedIds.includes(p.id)).map((p,i)=>i)
其中 this.state.picture 会在用户更改页面时发生变化，并且 rowsSelected 也会发生变化。
没关系...这是菜鸟的错误。