我们正在使用React.js进行项目。我正在使用react-router-dom配置多个页面,并且我想使用NavLink更改当前活动的图标。
icon + sel用于活动页面。
.Renviron
答案 0 :(得分:0)
您不需要使用isActive
的{{1}}道具,而且使用不正确。
相反,您可以声明变量Navlink
并根据路由更改其值,然后根据isActive
标志更改图标src或class。
下面的基本代码:-
单击isActive
链接会将颜色更改为绿色,并将文本更改为I am inactive
。同样,您可以更改图像的src。您也可以找到codesandbox working link供参考。
I am active
希望有帮助!