使用React Router的``与``有什么区别

React Router中的<Link>和<NavLink>组件都用于导航到不同的页面，但它们之间有一些区别。

1. <Link>组件：<Link>组件是React Router中最基本的导航组件之一，它用于在单页面应用程序中导航到不同的页面。当用户点击<Link>组件时，页面将不会重新加载，而是使用React Router进行页面切换。<Link>组件的语法如下：

import { Link } from 'react-router-dom';

<Link to="/about">About</Link>

2. <NavLink>组件：<NavLink>组件是<Link>组件的扩展，它可以为当前活动页面添加样式或类名。当用户访问当前活动页面时，<NavLink>组件会自动为该链接添加一个指定的类名（默认为active）。这使得用户可以更容易地区分当前活动页面和其他页面。<NavLink>组件的语法如下：

import { NavLink } from 'react-router-dom';

<NavLink to="/about" activeClassName="active">About</NavLink>

总的来说，<Link>组件用于基本的导航功能，而<NavLink>组件除了可以进行页面导航外，还可以为当前活动页面添加样式或类名。