“材料用户界面表”单击“后退”按钮时自动增加限制行

Question

我创建了一个实质性UI表并添加了分页，但是当我单击“后退”按钮时，行限制会自动增加。我试着在资料用户界面文档上检查它，但它们也有同样的问题，任何人都可以用我在这里添加的链接来指导我，单击next按钮直到第55页结束后，当到达第6-10页时，行限制会自动增加。

https://codesandbox.io/s/inspiring-gauss-e0x198

帮我解决这个问题谢谢

Answer 1

在映射到元素时，请避免使用重复的键。因为您要将“奥利奥”( row.name )作为key传递给您的TableRow元素，所以DOM将创建同一行的副本，因为它无法识别差异并呈现相同元素的新副本。

Answer 2

实际上，行限值似乎增加了，但没有。

您看到的是由提供的数据中的重复标识符引起的重复行。(注意奥利奥)

重复标识符可以防止网格在导航时对视图隐藏行。

下面是一个没有重复项的示例：