【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>
}
相关推荐
wordbaby3 分钟前
rn-cross-calendar:一个兼容 React 18/19、RN/RNOH 的跨平台日历组件
前端·react native·harmonyos
weixin_523185325 分钟前
Collections.unmodifiableMap详解:真的不可修改吗?
java·linux·前端
江米小枣tonylua6 分钟前
关掉 VSCode:在 NeoVim12 上配置 Claude Code
前端·程序员
2301_7736436216 分钟前
ceph镜像
前端·javascript·ceph
程序员黑豆37 分钟前
AI全栈开发之Java:什么是JDK
前端·后端·ai编程
To_OC37 分钟前
万字解析《JS语言精粹》之第四章:函数15大核心精髓(JS灵魂核心)
前端·javascript·代码规范
markfeng844 分钟前
Redux 与 React-Redux 深度解析:从原理到最佳实践
react.js
mqcode1 小时前
Vue3 + Element Plus + Vite 企业级后台框架搭建全流程
前端
SL-staff1 小时前
Web 白板技术架构深度解析:从渲染到协作的选型哲学
前端·架构
微扬嘴角1 小时前
react篇4--setState、LazyLoad和Hooks
前端·javascript·react.js