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