关于NavLink的一个疑问

#1
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就正常了.这是为什么?

#2

navlink应该有一个exact 表示精确匹配,你没有设置的话匹配到/discover/toplist’ 和/discover也是处于激活状态

#3

这个问题跟 exact strict有关,已经解决! Route

#4

谢谢!看文档已经解决了!