react router v6navlink
时间: 2023-10-10 17:05:31 浏览: 94
react router
在React Router v6中,`NavLink`已被删除,取而代之的是`Link`组件。`Link`组件用于在应用程序中导航到不同的路由。
要使用`Link`组件进行导航,您需要先安装React Router v6,并在组件中导入它:
```jsx
import { Link } from 'react-router-dom';
```
然后,您可以在需要导航的地方使用`Link`组件。例如,如果您有一个名为`Home`的页面,并且您想要在导航栏中创建一个指向该页面的链接,您可以这样写:
```jsx
<Link to="/">Home</Link>
```
在上面的示例中,`to`属性指定了链接的目标路由路径,这里是根路径`/`。
请记住,在使用React Router v6时,其API和写法与v5及以前版本有所不同。如果您之前在React Router v5中使用了`NavLink`组件,请确保查阅React Router v6的文档以了解更多相关信息。
阅读全文