Reactjs 了解react引导导航栏是否已折叠

首先，这里的术语有些模糊。我将明确使用“折叠”来表示

react bootstrap

在较小的视口宽度上折叠

Navbar

的行为，并使用“展开”来表示在视图中切换折叠的菜单

我的目标是创建一个导航栏，在折叠（移动）时，使用整个

Navbar

作为切换来展开菜单。在较宽的显示器（未折叠）上，单击导航栏不应执行任何操作。为此，我需要知道导航栏是否已折叠。（请注意，

Navbar

的

expanded

prop不会在此处剪切。）

显而易见的解决方案是基于视口宽度修改行为。但是，我不想复制引导的断点宽度，而是参考

Navbar

的实际状态。这将允许使用

Navbar

的

expand

prop来更改断点设置等。是否可以以合理的方式访问此信息

谢谢大家