找出react-bootstrap Navbar是否折叠

时间:2019-04-12 11:33:54

标签: reactjs react-bootstrap

首先,这里的术语有些含糊。我将明确使用“折叠”来指代react-bootstrap在较小的视口宽度上折叠Navbar的行为,并使用“展开”来指代将折叠菜单移入和移出视图。 / p>

我的目标是创建一个导航栏,该导航栏在折叠(移动)时使用整个Navbar作为切换菜单的切换开关。在较宽的显示屏(未折叠)上,单击Navbar应该没有任何作用。为此,我需要知道Navbar是否已折叠。 (请注意,Navbar的{​​{1}}道具在这里没有删减。)

显而易见的解决方案是根据视口宽度修改行为。但是,我不想复制引导程序的断点宽度,而是参考expanded的实际状态。这将允许使用Navbar的{​​{1}}道具来更改断点设置等。是否可以以合理的方式访问此信息?

谢谢!

0 个答案:

没有答案