Реализация открытие и закрытие несколько модальных окон?

Question

[Елена]

Что для этого лучше сделать: каждому попапу сделать переменную state и менять состояние через useState или сделать глобальный стейт в редаксе, где будут хранится все попапы и их состояние менять через dispatch?

Comments

[Yustas Alexu]

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

Answer 1

[Владимир]

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

Comments

[Елена]

Владимир уже есть редакс

[Владимир]

Елена, Тогда очевидно Редаск, можно отделить модалки от остального стейта
https://redux.js.org/api/combinereducers

[Елена]

Владимир, спасибо)