React Router v4.2风格

时间:2018-07-26 09:51:33

标签: javascript reactjs

反应路由器V4.2无法获得访问样式

const activeLink = {
   "color": "red"
} 
<Link to="/" activeStyle={activeLink}>
  All categories
</Link>

我尝试过但没有成功

3 个答案:

答案 0 :(得分:2)

Link组件没有activeStyle,但是NavLink组件却没有。

<NavLink
  exact
  to="/"
  activeStyle={{ color: "red" }}
>
  All categories
</NavLink>

答案 1 :(得分:1)

链接似乎不支持此属性。

您可能要尝试 NavLink

  

反应路由器文档:   的特殊版本,它将在其中添加样式属性   与当前网址匹配时呈现的元素

有关更多信息:https://reacttraining.com/react-router/web/api/NavLink

答案 2 :(得分:0)

问题已解决,tnx  1.必须但不是  2. exect = {true}是必填项