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>