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

NavLink v6.28.0 | React Router

点谁谁就带上类名

当然类名也是可以自定义

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

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

相关推荐
码农老起2 分钟前
掌握 React:组件化开发与性能优化的实战指南
react.js·前端框架
鸿蒙自习室3 分钟前
鸿蒙UI开发——组件滤镜效果
开发语言·前端·javascript
m0_7482507410 分钟前
高性能Web网关:OpenResty 基础讲解
前端·openresty
前端没钱36 分钟前
从 Vue 迈向 React:平滑过渡与关键注意点全解析
前端·vue.js·react.js
汪洪墩40 分钟前
【Mars3d】设置backgroundImage、map.scene.skyBox、backgroundImage来回切换
开发语言·javascript·python·ecmascript·webgl·cesium
NoneCoder40 分钟前
CSS系列(29)-- Scroll Snap详解
前端·css
无言非影44 分钟前
vtie项目中使用到了TailwindCSS,如何打包成一个单独的CSS文件(优化、压缩)
前端·css
我曾经是个程序员1 小时前
鸿蒙学习记录
开发语言·前端·javascript
羊小猪~~1 小时前
前端入门之VUE--ajax、vuex、router,最后的前端总结
前端·javascript·css·vue.js·vscode·ajax·html5
摸鱼了2 小时前
🚀 从零开始搭建 Vue 3+Vite+TypeScript+Pinia+Vue Router+SCSS+StyleLint+CommitLint+...项目
前端·vue.js