Shopify Polaris IndexTable：selectedRources 在数据更改时未按预期工作答案

【问题标题】：Shopify Polaris IndexTable: selectedRources not working as expected on data changeShopify Polaris IndexTable：selectedRources 在数据更改时未按预期工作
【发布时间】：2022-10-07 04:01:49
【问题描述】：

在 Shopify Polaris IndexTable 的情况下，可选择属性适用于最初馈送到表中的数据。

但是当数据由于分页或其他原因发生变化时（在沙箱中，单击“更改”按钮），显示所选行状态的复选框不会在表格顶部更改。

沙盒链接：https://codesandbox.io/s/shopify-polaris-index-table-row-bug-forked-1q6hle

重现：

从表格中选择一项或多项。
表格顶部的复选框被减号图标选中。
单击“更改”按钮。
数据更改，但选中的项目复选框未更新（未选中）。
（重新加载沙箱以重复）

标签： reactjs shopify polaris

【解决方案1】：

不要将customers 传递给useIndexResourceState()，而是传递你的data 状态。

const {
  selectedResources,
  allResourcesSelected,
  handleSelectionChange
} = useIndexResourceState(data);

【讨论】：