【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>
}
相关推荐
看客随心5 分钟前
vue + elementPlus大屏项目使用autofit做适配及注意点
前端·javascript·vue.js
网络点点滴20 分钟前
Vue3 全局API转移到应用对象
前端·javascript·vue.js
波哥学开发22 分钟前
基于 OPFS 的前端缓存实践:图片与点云数据的本地持久化
前端
whuhewei24 分钟前
useCountDown (React Hooks)倒计时
前端·javascript·react.js
DanCheOo24 分钟前
流式输出:让 AI 回复像 ChatGPT 一样打字机效果
前端·全栈
HelloReader25 分钟前
Qt Quick 布局Positioners、Anchors 与 Layouts(九)
前端
HelloReader26 分钟前
Qt 信号与槽对象通信的核心机制(十)
前端
终端鹿29 分钟前
插槽(slot):默认插槽、具名插槽、作用域插槽实战
前端·javascript·vue.js