作用:添加多个 className
使用的例子:
外层index
<FooterToolbar className={styles.footerToolbar} style={{ width }}>
<Button type="primary" onClick={this.submit} loading={loading}>
提交
</Button>
<Button type="default" onClick={onCancel}>
取消
</Button>
</FooterToolbar>
FooterToolbar 组件中的使用:
import classnames from 'classnames';
/**
* 底部固定定位的工具栏
*/
function FooterToolbar(props) {
const { className, extra, children } = props;
return (
<div className={classnames(styles.footerToolbar, className)}>
<div className={styles.extra}>{extra}</div>
<div className={styles.children}>{children}</div>
</div>
);
}