Javascript 如何在react中更改snavbar中活动页面的CSS?

Javascript 如何在react中更改snavbar中活动页面的CSS?,javascript,reactjs,Javascript,Reactjs,*/} 我想通过更改css向用户显示哪个页面处于活动状态。您可以使用window.location.pathname在浏览器中获取当前路径。您可以从react router dom导入NavLink并将activeClass作为道具传递,而不是使用li作为链接导航 <ul> <BrowserRouter> <li ><a class="vote-up-off" ><Icon

  • */}

我想通过更改css向用户显示哪个页面处于活动状态。

您可以使用window.location.pathname在浏览器中获取当前路径。

您可以从react router dom导入
NavLink
并将activeClass作为道具传递,而不是使用li作为链接导航

 <ul>
           <BrowserRouter>
           <li ><a class="vote-up-off" ><Icon className=" fa fa-area-chart"/></a></li>
            <li ><a class="vote-up-off" ><Icon className="fa fa-bar-chart fa-2x"/></a></li>
            <li ><a class="vote-up-off" ><Icon className="fa fa-line-chart"/></a></li>
            {/* <li><a href="/cluster"><Icon className="fa fa-pie-chart"/></a></li> */}
           
           </BrowserRouter>
           
        </ul>