首先,这里的术语有些含糊。我将明确使用“折叠”来指代react-bootstrap
在较小的视口宽度上折叠Navbar
的行为,并使用“展开”来指代将折叠菜单移入和移出视图。 / p>
我的目标是创建一个导航栏,该导航栏在折叠(移动)时使用整个Navbar
作为切换菜单的切换开关。在较宽的显示屏(未折叠)上,单击Navbar
应该没有任何作用。为此,我需要知道Navbar
是否已折叠。 (请注意,Navbar
的{{1}}道具在这里没有删减。)
显而易见的解决方案是根据视口宽度修改行为。但是,我不想复制引导程序的断点宽度,而是参考expanded
的实际状态。这将允许使用Navbar
的{{1}}道具来更改断点设置等。是否可以以合理的方式访问此信息?
谢谢!