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

Question

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

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

Answer 1

您必须在图标上提供颜色属性。 假设您的图标具有 class fa-home并且它位于activeClassName内，因此 css 将是：

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