【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 分钟前
Flutter之全局路由事件监听器RouteListenerManager
前端
盗德9 分钟前
为什么要用Monorepo管理前端项目?(详解)
前端·架构·代码规范
五号厂房11 分钟前
ProTable 大数据渲染优化:实现高性能表格编辑
前端
右子27 分钟前
理解响应式设计—理念、实践与常见误解
前端·后端·响应式设计
KaiSonng30 分钟前
【前端利器】这款轻量级图片标注库让你的Web应用瞬间提升交互体验
前端
二十雨辰33 分钟前
vite性能优化
前端·vue.js
明月与玄武35 分钟前
浅谈 富文本编辑器
前端·javascript·vue.js
paodan36 分钟前
如何使用ORM 工具,Prisma
前端
千码君20161 小时前
React Native:关于react自定义css属性的位置
css·react native·react.js·前端框架·ecmascript·组件嵌套
布列瑟农的星空1 小时前
重学React——memo能防止Context的额外渲染吗
前端