reactjs - react-bootstrap nav.link 路由

Question

我正在做一个项目。我有 navbar 和 nav.links 。例如房屋，价格和功能。

当我点击它时，我想分页路由。这是我的代码。我做了通常的路由样式，但它不起作用。

<LinkContainer>
     <Nav.Link to="/price" >Price</Nav.Link>
</LinkContainer>

以及我在 app.js 中的路由定义；

<Route path ="/price" exact component={Price}></Route>

我创建并导入 price.js 并导入它们。

我可以成功地在我的按钮上使用路由，但 nav.links 不起作用。任何想法？

*顺便说一句，它最初是这样 <Nav.Link href="#price" >Price</Nav.Link> 的实际上我知道href是什么？所以，我删除了它并添加了“to”

标签： reactjsreact-routerreact-bootstrap

Answer 1

这段代码对我有用：

<Nav.Link as={Link} to="/home" >Home</Nav.Link>