本文主要是介绍【React】classnames 库(可添加多个 className 类名),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
文章目录
前言:在项目中我们有时候需要添加多个className,这时候就需要用到这个库了
- 例如:我们想得到这样一个效果
<div class='class1 class2'></div>
- 但是在react中,我们没办法像上面那样去实现,所以我们得借助一个工具库
classnames
# 安装
npm install classnames --save
- 使用案例:
import classnames from 'classnames'
import styles from './index.module.css';export default function(props){return <div className={classNames(styles.myProTable, props?.className)}></div>
}
- 其他用法可参考官方文档:https://github.com/JedWatson/classnames
这篇关于【React】classnames 库(可添加多个 className 类名)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!