Архитектурная ошибка модальных окон в React
Один из примеров того, как не нужно делать в React. Есть некий компонент в котором через меню открывается одно из модальных окон: function Comp() {
return (
<>
<Menu /* выбор какое окно открыть */ />
<ModalA isOpen={modal === 'a'} />
<ModalB isOpen={modal === 'b'} />
<ModalC isOpen={modal === 'c'} />
</>
);
} Каждое из этих модальных окон это форма которой необходимы некоторые данные с сервера. React выполняет все эти компоненты, и как следствие, загружает все необходимые им данные разом. Получаем лишнюю нагрузку на браузер клиента и на сервер. Дополнительной проблемой является то, что при закрытии такой формы, её состояние не сбрасывается, т...