reactjs - 查看 react-bootstrap 导航栏是否折叠

Question

首先，这里的命名有些模糊。我将明确地使用“折叠”来指代在较小视口宽度上react-bootstrap折叠的行为，Navbar并使用“展开”来指代将折叠的菜单切换到视图中和视图之外。

我的目标是创建一个导航栏，在折叠（移动）时，使用整体Navbar作为切换来展开菜单。在更宽的显示器（未折叠）上单击Navbar应该没有任何动作。为此，我需要知道是否Navbar已经崩溃。（请注意，Navbar' 的expanded道具不会在这里剪掉它。）

显而易见的解决方案是根据视口宽度修改行为。但是，我不想复制引导程序的断点宽度，而是参考Navbar. 这将允许使用Navbar's expandprop 更改断点设置等。是否可以以合理的方式访问此信息？

谢谢大家！

标签： reactjsreact-bootstrap