1

我正在尝试渲染一个不太大的DetailsList（100-200 行之间的东西），其中我有一个带有CommandBar组件的自定义列。其中一项操作是删除行本身的删除操作。我面临的问题是，在我单击删除行后，代码花费了我期望重新渲染的更多时间，从而产生了系统缓慢的感觉。

在 dev 中运行时，我的性能非常缓慢，非常令人不快。（我的机器是 16GbRam 的 i7，所以问题不应该是我的机器）。

在生产中运行虽然我得到了“好的”性能，但不是我想要的出色性能。

代码示例：https ://codepen.io/pedro-beslogic/pen/eYNWLLo

我已经评论了这条线141以举例说明我认为出色的表现

反应分析器文件：https ://beslogic-my.sharepoint.com/:u:/p/pedro_ferreira/EQ-P0K6-uYZFqhPNIcMtbmsBNWU6CUXrQjuexCPhPkibpQ?e=JMjnoa

Chrome 性能文件：https ://beslogic-my.sharepoint.com/:u:/p/pedro_ferreira/EbogBtQwPWVCpwCrIIFfAdYBsOX1BlYB0cOWl7Zy1KwanA?e=Z53Qyi

我做错了什么还是让表格更高效的更好方法？

4

1 回答 1

1

在他们的 gitHub 上打开问题后，我得到了答案。我们可以将组件与 prop 一起使用，而不是使用CommandBar内部的组件。DetailListIconButtonmenuProps

于 2020-03-09T15:27:09.887 回答