React组件中的共享时钟与内部时钟

Question

我的页面上有很多相对时间（updated 4 seconds ago）。我很好奇处理这样的最佳策略。我首先想到的是在应用程序的顶层设置一个上下文，该上下文每秒更新一次。然后，所有Time组件都可以使用该上下文并在每个刻度上更新。我担心的是顶级提供商是否导致我的应用每秒重新渲染？

我的第二个想法是在Time组件内部安装更新程序，但随后页面上的每个Time组件都运行着自己的更新周期。

是否有什么想法可以最有效地处理此用例？

Answer 1

最有效的方法是将更新隔离在显示相对时间的组件中。这样可以确保仅此叶子组件需要更新，而不是整个组件树。

如果您有大量此类组件，则可能不希望对其进行相对较少的更新，以避免在这些更新上浪费过多的资源。