[react] <NavLink>自带激活属性

NavLink v6.28.0 | React Router

点谁谁就带上类名

当然类名也是可以自定义

javascript 复制代码
                <NavLink
                    to={item.link}
                    className={({ isActive }) => (isActive ? '测试' : '')}
                >
                    {item.title}
                </NavLink>

有什么用?他会监听你的路由,刷新的话也会带上激活效果

相关推荐
亮子AI6 小时前
【npm】npm 包更新工具 npm-check-updates (ncu)
前端·npm·node.js
信看6 小时前
实用 html 小工具
前端·css·html
Yvonne爱编码6 小时前
构建高效协作的桥梁:前后端衔接实践与接口文档规范详解
前端·git·ajax·webpack·node.js
王源骏6 小时前
Laya使用VideoNode动态加载视频,可以自定义播放视频此处以及位置
前端
一只小风华~6 小时前
Vue: ref、reactive、shallowRef、shallowReactive
前端·javascript·vue.js
阿杆7 小时前
文心快码 3.5S 发布!实测插件开发,Architect 模式令人惊艳
前端·后端·文心快码
文心快码BaiduComate7 小时前
我用Comate搭建「公园找搭子」神器,再也不孤单啦~
前端·后端·微信小程序
全栈技术负责人7 小时前
前端全链路质量监控体系建设与实践分享
前端·系统架构·前端框架
sorryhc7 小时前
0~1构建一个mini blot.new(无AI版本)
前端·前端框架·openai
南方者7 小时前
文心文心,其利锻心!这个古风射覆,它帅到我了!文心快码 3.5S
前端·敏捷开发·文心快码