Блог

Во-первых, номенклатура здесь несколько расплывчата. Я буду явно использовать «свернуть react-bootstrap » для обозначения поведения сворачивания Navbar при меньшей ширине окна просмотра и «развернуть» для переключения свернутого меню в режим просмотра и из него.

Моя цель — создать панель навигации, которая, будучи свернутой (мобильной), использует целое Navbar в качестве переключателя для расширения меню. На более широких дисплеях (не свернутых) нажатие кнопки Navbar не должно иметь никакого действия. Для этого мне нужно знать Navbar , рухнул ли он. (Обратите внимание, что Navbar ‘s expanded prop не обрезает его здесь.)

Очевидным решением является изменение поведения на основе ширины области просмотра. Однако я бы хотел не копировать ширину точки останова bootstrap, а скорее ссылаться на фактическое состояние Navbar . Это позволило бы использовать Navbar expand prop для изменения настройки точки останова и т. Д. Можно ли получить доступ к этой информации разумным образом?

Всем спасибо!