Reactjs 如何检查路由是否处于活动状态？

当导航出现在我的主页上时，我希望导航上有不同的颜色。如何检查主页路径是否处于活动状态，而不是在导航栏上显示不同的样式？（如有其他声明）。我已尝试使用window.location.href。它可以工作，但我必须先刷新我的页面

$（函数（）{
if（window.location.href.indexOf（“/”>-1）{
$（'nav'）.addClass（'nav-scroll'）；
}
});

瓦卡夫基塔
贝兰达
菜单
菜单
马苏克
达夫塔
如果您使用的是react router version4，那么您必须以道具的形式获取历史记录，您可以在以下帮助下检查活动路由：

 history.pathname

或者你可以走另一条路

 window.location

如果您使用react-router4，您应该能够使用
Link
组件进行导航，该组件还包括
activeClassName
和
activeStyle
等帮助您修改活动模式的道具。
有关更多信息，请访问：
欢迎访问stackoverflow.com。请花些时间阅读帮助页面，特别是“我可以在这里问什么主题？”和“我应该避免问什么类型的问题”部分。另外，请参加本次参观，并阅读如何提出好的问题。最后，请学习如何创建一个最小的、完整的、可验证的示例。如果您可以在这里添加一些代码，那会更好。这样我们就可以知道你到目前为止做了什么。我来试试。谢谢@杰克·斯帕罗船长