reactjs - 如果项目在加载后更新，Fluent Ui Grouped DetailsList 将在单击行时重新呈现

Question

单击具有分组的详细信息列表的一行时，onRender 会为每一行再次触发。这给我带来了性能问题，因为我试图在点击时显示标注。重新渲染导致 2 秒延迟。有没有人找到解决这个问题的方法？我创建了一个问题的代码笔 https://codepen.io/upanshed/pen/OJgzoQv

打开codepen，让它渲染，然后打开控制台，当您单击显示“单击将导致重新渲染”的行时，您将到达断点。这不会发生在渲染后没有获得新项目的那个上

谢谢

 <DetailsList
            items={this.state.itemsThatDontChange}
            columns={this._columns}
            setKey="set"
            groups={this.state.groups}
            selectionMode={SelectionMode.none}
            disableSelectionZone={true}
          />

标签： reactjsfluent-ui