общие часы против внутренних часов в компонентах react

#reactjs

#reactjs

Вопрос:

У меня есть страница с большим количеством относительных времен ( updated 4 seconds ago ). Мне любопытно, какая лучшая стратегия для обработки чего-то подобного. Первой моей мыслью было настроить контекст на верхнем уровне моего приложения, который обновляется каждую секунду. Тогда все Time компоненты могли бы использовать этот контекст и обновляться при каждом тике. Меня беспокоит то, что поставщик верхнего уровня заставляет мое приложение повторно отображать каждую секунду?

Моей второй мыслью было установить программу обновления внутри Time компонента, но тогда у меня есть каждый Time компонент на странице, выполняющий свой собственный цикл обновления.

Есть мысли о том, какой наиболее эффективный способ справиться с этим вариантом использования?

Ответ №1:

Наиболее эффективным способом сделать это будет изолировать обновление внутри компонентов, отображающих относительное время. Это гарантирует, что потребуется обновить только этот конечный компонент, а не все дерево компонентов.

Если у вас огромное количество таких компонентов, вы, вероятно, захотите обновлять их относительно редко, чтобы избежать использования слишком большого количества ресурсов для этих обновлений.