文章目录
前言:在项目中我们有时候需要添加多个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>
}
- 其他用法可参考官方文档:https://github.com/JedWatson/classnames