javascript - 更改活动 NavLink 内按钮的颜色（React）

Question

<NavLink exact to="/">
  <Button>
    <FontAwesomeIcon icon={faHome} />
  </Button>
</NavLink>

我知道我可以添加activeClassName到 中NavLink，但是，我想要实现的是我想在 FontAwesome 处于活动状态时更改它的icon颜色Button。activeClassName上的不会NavLink改变图标的​​颜色。

标签： javascriptreactjs

Answer 1

您必须在图标上提供颜色属性。假设你有一个图标，它有类fa-home并且它在里面activeClassName，所以 css 将是：

.activeClassName .fa-home {
 color: red;
}