技术栈

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

高山我梦口香糖2024-12-23 15:07

NavLink v6.28.0 | React Router

点谁谁就带上类名

当然类名也是可以自定义

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

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

上一篇:《探索 VR:开启沉浸式虚拟世界之旅》
下一篇:人工智能在VR展览中扮演什么角色?
相关推荐
烛阴
2 分钟前
JavaScript 的动态魔法:使用 constructor 动态创建函数
前端·javascript
前端 贾公子
13 分钟前
tailwind ( uni ) === 自定义主题
前端
独立开阀者_FwtCoder
21 分钟前
大制作!在线 CSS 动效 编辑神器!太炫酷了!
前端·javascript·github
白白李媛媛
23 分钟前
vue3中实现echarts打印功能
前端·vue.js·echarts
一只卡比兽
23 分钟前
全栈Node.js开发:集成第三方AI提供商Token的完整指南
javascript
尘心cx
24 分钟前
前端-HTML-day2
前端·html
歘chua
26 分钟前
组件封装:封装一个可复用的crud界面的思路
前端
徐小夕
27 分钟前
牛!用vue3实现的多维表格编辑器,小白也能轻松构建复杂数据报表!
前端·javascript·vue.js
程十六
28 分钟前
工匠指南:从 Vue 3 源码中学习高质量代码的艺术
javascript·vue.js
爱编程的喵
29 分钟前
CSS动画实战:从零打造一个超萌的小球亲亲动画
前端·css
热门推荐
01KGG转MP3工具|非KGM文件|解密音频02集群聊天服务器---MySQL数据库的建立03Coze扣子平台完整体验和实践(附国内和国际版对比)04免费领50刀!AnyRouter一键解锁Claude最强编程模型05Java学习第十五部分——MyBatis06扣子(coze)实战|我用扣子搭建了一个自动分析小红薯笔记内容的AI应用|详细步骤拆解07RAL-2025 | 触觉助力无人机空中探索!基于柔顺机器人手指的无人机触觉导航08基于odoo17的设计模式详解---单例模式09DeepSeek各版本说明与优缺点分析10浅谈几种js设计模式