react.js - React-Router v4 如何设置 activityClassName

查看:110
本文介绍了react.js - React-Router v4 如何设置 activityClassName的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

<NavLink to="/" className="title">Hacker News</NavLink>
<NavLink to="new" className="tab" activeClassName="selected">new</NavLink>
<NavLink to="show" className="tab" activeClassName="selected">show</NavLink>
<NavLink to="ask" className="tab" activeClassName="selected">ask</NavLink>
<NavLink to="job" className="tab" activeClassName="selected">jobs</NavLink>

代码如上,当前 tab 并没有 selected 这个 class, 请问如何解决?

解决方案

<NavLink to="new" className="tab" activeClassName="selected">new</NavLink>

这些里面的to属性都加上前缀'/'试试。( 如果还有问题,把Route也贴出来看一看)

<NavLink to="/new" className="tab" activeClassName="selected">new</NavLink>

这篇关于react.js - React-Router v4 如何设置 activityClassName的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆