Javascript 反应引导选择后不要折叠

我制作了一个带有多页的react应用程序，并使用react router为导航栏导航和react引导 在手机上，当我打开导航栏并选择某个内容时，应用程序会导航到该页面，但导航栏不会折叠

代码：

从“React”导入React；
从“react bootstrap”导入{Navbar，Nav}；
从“react Router dom”导入{BrowserRouter as Router，Switch，Route，Link}；
//页数
从“/pages/Pit”导入Pit；
从“/pages/Techni”导入Techni；
从“/pages/ViewData”导入视图数据；
从“/pages/AddComp”导入AddComp；
函数App（）{
返回(
轨道1690
矿井
德希尼
查看数据
添加组件
);
}
导出默认应用程序；

---

tnx对于所有助手

导航栏

collapseOnSelect

道具取决于导航栏

onSelect

道具。但是，如果

Nav

项目（例如，您的

Nav.Link

）没有

eventKey

，则不会调用

onSelect

回调，因此在此场景中使用

collapseOnSelect

属性是无效的

要解决这个问题，只需将

eventKey

道具添加到

Nav.Link

：

<Nav className="mr-auto">
  <Nav.Link as={Link} to="/" eventKey="/">
    Pit
  </Nav.Link>
  <Nav.Link as={Link} to="/techni" eventKey="/techni">
    Techni
  </Nav.Link>
  <Nav.Link as={Link} to="/viewdata" eventKey="/viewdata">
    View Data
  </Nav.Link>
  <Nav.Link as={Link} to="/addcomp" eventKey="/addcomp">
    Add Comp
  </Nav.Link>
</Nav>

矿井
德希尼
查看数据
添加组件

---

这只是一个想法：可能是React路由器的

链接捕获了
点击事件并阻止它冒泡。
<Nav className="mr-auto">
  <Nav.Link as={Link} to="/" eventKey="/">
    Pit
  </Nav.Link>
  <Nav.Link as={Link} to="/techni" eventKey="/techni">
    Techni
  </Nav.Link>
  <Nav.Link as={Link} to="/viewdata" eventKey="/viewdata">
    View Data
  </Nav.Link>
  <Nav.Link as={Link} to="/addcomp" eventKey="/addcomp">
    Add Comp
  </Nav.Link>
</Nav>