【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>
}
相关推荐
早起傻一天~G24 分钟前
vue2+element-UI表单封装
前端·vue.js·ui
pixcarp28 分钟前
Nginx实战部署与踩坑总结 附带详细配置教程
服务器·前端·后端·nginx·golang
Live&&learn36 分钟前
Vue项目打包后内联字符串不显示的原因
前端·javascript·vue.js
爱上好庆祝39 分钟前
学习js的第三天
前端·css·人工智能·学习·计算机外设·js
aq553560039 分钟前
Chrome如何重塑Web标准的未来格局
前端·chrome
宁雨桥42 分钟前
深入剖析Vue2与Vue3响应式原理:从Object.defineProperty到Proxy的演进
前端·vue.js
wytraining1 小时前
SDD规范驱动开发
前端
深海鱼在掘金1 小时前
Next.js从入门到实战保姆级教程(第十四章):性能优化深度实践
前端·typescript·next.js
tiger从容淡定是人生1 小时前
Selenium与Playwright:两大Web自动化框架的深入对比
前端·selenium·测试工具·自动化·web测试·playwright·信息化战略
好运的阿财1 小时前
OpenClaw工具拆解之 web_fetch+image_generate
前端·python·机器学习·ai·ai编程·openclaw·openclaw工具