React-bootstrap nav.link 路由

Question

我正在做一个项目。我上面有导航栏和导航链接。例如房屋、价格和功能。

我想在单击它时进行分页路由。这是我关于它的代码。我按照通常的路由方式做了，但它不起作用。

<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”

Answer 1

这段代码对我有用：

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