# classNames条件判断
import React from 'react';
import classNames from 'classnames';
import styles from './Button.module.css';
function Button(props) {
const { primary } = props;
const btnClass = classNames(styles.btn, {
[styles.primary]: primary,
});
return <button className={btnClass}>按钮</button>;
}
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
# classnames样式拼接
<p className={classnames(styles.form_item_icon, styles.prefix)}></p>
1
classnames条件判断
<p className={classNames({
[styles.adisabled]: !IS_NBU,
})}></p>
1
2
3
2
3