Найти в Дзене
React

React

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