基础:
- (1)引入使用:
import { NavLink } from 'react-router-dom'
<NavLink to="/about"> About </NavLink>
- (2)activeClassName:string
//当被激活时,显示类名为selected 的css样式
<NavLink to="/about" activeClassName="selected">
About
</NavLink>
- (3)activeStyle:object
// 在元素处于活动状态时应用于该元素的样式。
<NavLink
to="/about"
activeStyle={
{ fontWeight: "bold", color: "red" }}
>
about
</NavLink>
- (4)exact: 精确匹配
//仅当url与NavLink里to的值完全相等时,才应用类名为selected的CSS样式
<NavLink exact to="/about" activeClassName="selected">
About
</NavLink>
- (5)isActiv