如何确保道具更改仅在特定事件完成后才触发渲染？

Question

当状态变量的值更改时，我正在播放通知声音。状态更改由道具更改触发。我面临的问题是，由于状态变量的更改触发了渲染并且同时播放通知声音时，props再次更改了值，因此触发了新的渲染，这导致第一个通知声音突然停止，新声音开始播放。

我如何确保仅在先前的渲染完成播放声音之后才触发新的渲染。

Answer 1

您可以render使用PureComponenthook完全控制自己ShoulComponentUpdate。在这里，您可以创建自己的逻辑，以确定您的组件应在什么条件下进行更新（然后重新渲染）。更多信息在这里。