技术栈

[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展览中扮演什么角色?
相关推荐
哀木
7 分钟前
关于 one drive 上传功能的前端接入(未完成)
前端
flashlight_hi
23 分钟前
LeetCode 分类刷题:2824. 统计和小于目标的下标对数目
javascript·数据结构·算法·leetcode
大熊学员
1 小时前
HTML与JavaScript的羁绊
前端·css·html
Mike_Wuzy
1 小时前
【前端】CSS基础知识及基本应用
前端·css
啃火龙果的兔子
1 小时前
WebView 中控制光标
前端
流星先生!
1 小时前
前端小数点处理
开发语言·前端·javascript
不是二师兄的八戒
1 小时前
PDF转图片工具技术文档(命令行版本)
前端·python·pdf
拾光拾趣录
1 小时前
🔥9道题穿透JS底层:堆栈/异步/执行栈连环问,第5题99%人翻车?📉
前端·面试
雪芽蓝域zzs
1 小时前
uniapp 数组的用法
前端·javascript·uni-app
meng半颗糖
1 小时前
uniapp 基础(三)
前端·uniapp·notepad++·uniapp基础
热门推荐
01Qwen3-Coder 快速上手教程 | Qwen Code + Claude Code02全球最强模型Grok4,国内已可免费使用!(附教程)03UV安装并设置国内源04ChatGPT 5发布日期揭秘:2025年8月上线,多模态推理能力全面升级05KGG转MP3工具|非KGM文件|解密音频06如何在 Cursor 中继续使用 Claude07腾讯还是太全面了,限时免费!超全CodeBuddy IDE保姆级教程!(附案例)08Claude Code 效率实战指南:从入门到精通的实用技巧(附安装教程)09Cursor 终端“卡死/无响应”问题的解法10NVIDIA显卡驱动、CUDA、cuDNN 和 TensorRT 版本匹配指南