Мне нужно несколько модалов в моем приложении. Я думаю об оптимальном способе управления модальным состоянием. Из того, что я исследовал и из того, что я знаю о React, я вижу два способа управления им.
1) Использование React useState для управления состоянием мод в каждом компоненте, который, возможно, отображает модал.
2) Использование Context API для создания контекста и состояния в верхней части дерева компонентов и доступ к состоянию в каждом компоненте, который, возможно, отображает модальное состояние с помощью ловушки useContext.
Оба эти подхода кажутся мне очень похожими.
const [isOpened, toggleModal] = useState(false)
против
const [isOpened, toggleModal] = useContext(ModalContext)
Является ли один из этих подходов лучше, чем другой, с точки зрения производительности? Количество кода, необходимого для каждого, почти одинаково. Или, если есть лучшее решение, я был бы признателен за понимание! Спасибо.