Javascript 反应导航栏按钮，如何设置活动

我想让我的边栏按钮在我访问它导航到的页面时改变颜色。

我自己对CSS不是很在行，但在解释它方面做得很好。

我以前遇到过这个问题，而

：active

没有多大帮助，因为一旦我单击页面中的其他部分，它就会返回到原来的CSS

您应该做的是为所选的导航栏按钮创建一个类

.current_active_navbar {
   background-color: $main-red;
}

然后在js中，创建一个条件，根据当前URL将

.current\u active\u导航栏

应用于导航栏。您可以通过此

窗口.location.href

假设您当前的url是

localhost:3000/timer

，那么您的条件如下

if(window.location.href.split("/")[3] === "timer")

---

不幸的是，如果（window.location.href.split（“/”[1]=“timer”）没有为我实现这个技巧，你是如何实现的？您是如何使用该条件应用所选css的？我就是这样做的，但它不会首先抓取活动的routeconsole.log

window.location.href

您可能没有默认的RouteGetBTClassName（）{if（window.location.href.split（'/'）[1]=='timer'）{return nav_active}否则{return nav_ubtn} }