javascript - 如何确保 Prop 的更改仅在某个事件完成后才触发渲染？

Question

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

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

Answer 1

您可以使用 PureComponent Hook ShoulComponentUpdate 完全控制您的渲染。在这里您可以创建自己的逻辑来确定在什么条件下您的组件应该更新(然后重新渲染)。更多信息here .