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

Question

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

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

Answer 1

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