1回答

阿莱克斯刘

2022-11-11

在 ReactJS 中，有三种不同的链接标签, 分别是：NavLink、Link 和 a 标签。

• NavLink：当你想要突出显示当前或活动链接时使用，一般与 activeClassName 属性一起使用。 请参见下面的示例：

<NavLink to="/home" activeClassName="active" >Home</NavLink><br/>

.active{
  color:red;
}

• Link：当链接没有特殊样式或突出显示时使用。 请参见下面的示例。

<Link to="/not-active">Not Active </Link>

• 锚标签 a：用于网页外的链接。请参见下面的示例。

<a href="https://baidu.com"> baidu </a>

注意：如果需要链接到内部页面时，可以优先使用NavLink 或 Link； 而对于外部链接，a 是首选。

1

0