【React】classnames 库(可添加多个 className 类名)

文章目录

前言:在项目中我们有时候需要添加多个className,这时候就需要用到这个库了

  • 例如:我们想得到这样一个效果
html 复制代码
<div class='class1 class2'></div>
  • 但是在react中,我们没办法像上面那样去实现,所以我们得借助一个工具库classnames
shell 复制代码
# 安装
npm install classnames --save
  • 使用案例:
js 复制代码
import classnames from 'classnames'
import styles from './index.module.css';

export default function(props){
	return <div className={classNames(styles.myProTable, props?.className)}></div>
}
相关推荐
jump_jump19 小时前
GetX — Flutter 的瑞士军刀,还是过度封装的陷阱?
flutter·设计模式·前端框架
超级无敌暴龙兽19 小时前
和我一起刷面试题呀
前端·面试
wzl2026121319 小时前
企业微信定时群发技术实现与实操指南(原生接口+工具落地)
java·运维·前端·企业微信
小码哥_常20 小时前
Robots.txt:互联网爬虫世界的“隐形规则”
前端
小码哥_常20 小时前
Android开发神器:AndroidAutoSize,轻松搞定屏幕适配
前端
前端一小卒20 小时前
前端工程师的全栈焦虑,我用 60 天治好了
前端·javascript·后端
不停喝水20 小时前
【AI+Cursor】 告别切图仔,拥抱Vibe Coding: AI + Cursor 开启多模态全栈新纪元 (1)
前端·人工智能·后端·ai·ai编程·cursor
coderyi21 小时前
LLM Agent 浅析
前端·javascript·人工智能
科雷软件测试21 小时前
使用python+Midscene.js AI驱动打造企业级WEB自动化解决方案
前端·javascript·python