react-router之NavLink组件
本文内容整理参考借鉴以下文章:
https://www.jianshu.com/p/6583b7258e78
https://reacttraining.com/react-router/web/api/BrowserRouter
在此以表感谢!
1–<Link>的一个特殊版本,当呈现的元素与当前URL匹配时,它将向其添加样式属性。
2–可以使用activeClassName(activeClassName默认值为 active)来设置Link被选中时被附加的class,使用activeStyle来配置被选中时应用的样式。此外,还有一个exact属性,此属性要求location完全匹配才会附加class和style。这里说的匹配是指地址栏中的URl和这个Link的to指定的location相匹配。
属性:
1- activeClassName: string
当元素处于激活状态时应用的类,默认为 active。它将与 className 属性一起使用。
<NavLink to="/faq" activeClassName="selected"