【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>
}
相关推荐
一 乐6 分钟前
医疗保健|医疗养老|基于Java+vue的医疗保健系统(源码+数据库+文档)
java·前端·数据库·vue.js·毕设
Want59514 分钟前
HTML炫酷烟花⑨
前端·html
艾小码15 分钟前
90%前端面试必问的12个JS核心,搞懂这些直接起飞!
前端·javascript
qq_5470261796 小时前
Flowable 工作流引擎
java·服务器·前端
刘逸潇20057 小时前
CSS基础语法
前端·css
吃饺子不吃馅8 小时前
[开源] 从零到一打造在线 PPT 编辑器:React + Zustand + Zundo
前端·svg·图形学
小马哥编程9 小时前
【软考架构】案例分析-Web应用设计(应用服务器概念)
前端·架构
鱼与宇9 小时前
苍穹外卖-VUE
前端·javascript·vue.js
啃火龙果的兔子9 小时前
前端直接渲染Markdown
前端
z-robot9 小时前
Nginx 配置代理
前端