【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>
}
相关推荐
清空mega10 小时前
《Vue Router 与 Pinia 入门:页面跳转、动态路由、全局状态管理一篇打通》
前端·javascript·vue.js
踩着两条虫10 小时前
AI 驱动的 Vue3 应用开发平台 深入探究(十):物料系统之内置组件库
前端·vue.js
坚持学习前端日记11 小时前
AI 产品开发经验
前端·javascript·人工智能·visual studio
张一凡9311 小时前
easy-model:简化领域驱动开发的理想选择
前端·react.js
雾削木11 小时前
STM32输入捕获测量PWM频率占空比
前端·javascript·stm32
weixin1997010801611 小时前
淘宝客商品详情页前端性能优化实战
java·前端·python·性能优化
JamesYoung797111 小时前
第八部分 — UI 表面 动作(工具栏)、徽标、弹出窗口
前端·javascript
Joker Zxc11 小时前
【前端基础(Javascript部分)】5、JavaScript的循环语句
开发语言·前端·javascript
Neweee12 小时前
JavaScript进阶内容详解
前端