const navLink = [
{
name: '推荐',
path: '/discover/'
},
{
name: '排行榜',
path: '/discover/toplist'
},
{
name: '歌单',
path: '/discover/playlist'
},
{
name: '主播电台',
path: '/discover/djradio'
},
{
name: '歌手',
path: '/discover/artist'
},
{
name: '新碟上架',
path: '/discover/album'
}
];
render函数里面关于NavLink :
{navLink.map((item,index) => {
return (
<li key={index}>
<NavLink to={item.path} activeClassName="activeNav">{item.name}</NavLink>
</li>
)
})}
每次切换路由时,排行榜这个路由的activeClass始终是true, 换成path: '/discover/recommend'
,activeClass就正常了.这是为什么?