react 中添加多个class的方法
在写样式的时候,有时候会有公共 class 和 特定 class 组合的形式,这样可以减少 css 的代码量。
给 react 中的元素添加多个 className 的方式有 3 种:
1、使用 classnames 库
npm install classnames --save 安装依赖
import classnames from 'classnames' 引入依赖
使用:
预约码
// 预约码
预约码
// 预约码
// true 渲染此class,false 不渲染此class。根据实际情况换成自己的条件。
预约码
// 预约码
预约码
// 预约码
2、使用模板字符串拼接
预约码
// 已签约
3、数组拼接
预约码;
// 签约中