Использовать ли hoc если в трех местах используются одинаковый state?

Question

[Артём]

У меня на трех страницах, и соответственно в трех разных компонентах в componentDidMount() запрашивается с базы данных список факультетов вуза. И дальше в стейте создается поле Faculty, где хранятся факультеты, которые в дальнейшем в виде selecta я вывожу на эти три страницы. Я так понимаю лучше создать hoc, в котором я получу эти факультеты, и передавать их уже оттуда в компоненты?

Comments

[Islam Ibakaev]

используй hoc, даже если в двух местах повтор функционала

Answer 1

[Eugene]

Если используется Redux или другая state-management библиотека, лучше ложить в store такие данные.

Если таких библиотек нет, и компоненты функциональные, можно написать хук.

Если class-компоненты, тогда можно и HOC создать.

Можно и Context создать, но поскольку страницы разные, этот вариант я бы не стал применять.

Comments

[Islam Ibakaev]

у него классовые компоненты, он же сам пишет.
до redux он ещё не дошёл (либо оно ему без нужды).

Answer 2

[twoone]

Вот смотрите. Класс, это шаблон по которому создаются объекты. Состояние класса, то есть его поля, уникальны для каждого экземпляра. Независимо от количества экземпляров класса, его методы всегда будут работать именно с его состоянием, так как они связанны контекстом. Другими словами логика находящаяся в методах связанна с объектом класса.

Так вот хуки это попытка реализовать поведение методов в функциях. То есть определяя хук вы привязываете его к жизненному циклу функционального компонента и его состоянию. Проще говоря для каждой копии функционального компонента создается отдельная копия хука.

Из этого следует что обращатся за данными на сервер в хуке нельзя, поскольку каждый компонент использующий ваш хук будет выполнять отдельный запрос к БД. Хук это не сервис. Хук это попытка реализации поведения методов в функциональных компонентах.

Когда разные компоненты нуждаются в одних и тех же данных их получение и хранение выносят на отдельный соответствующий слой(слои). Для реакта это redux/mobx.

Comments

[Артём]

Изначально писал все на чистом реакте с дальнейшим планом добавить туда Redux для регистрации. Видимо пришел момент вводить сюда редукс, и выносить в store все что необходимо.