1

我目前有这个代码:

<div class="ui segment" *ngFor="let message of models | async">
  <team-message [model]="message" [users]="users" (onReply)="handleMessageReply($event)"></team-message>
</div>

在测试中,我注意到对消息的任何更改都会导致受影响的team-message组件被重新渲染。我目前Replies在每个team-message组件中都有一个可折叠部分,每次用户提交回复时它都会关闭——折叠是默认状态——我不希望这种情况发生。

我的印象是,这种智能组件/哑(ish)组件方法不应该导致我的“触摸”team-message组件持续重新渲染,但它确实如此。

我有什么办法可以防止此 Lifecycle Hook 再次被调用,或者将回复打开/关闭状态传递给后续组件?

4

0 回答 0