react 中添加多个class的方法


在写样式的时候,有时候会有公共 class 和 特定 class 组合的形式,这样可以减少 css 的代码量。
给 react 中的元素添加多个 className 的方式有 3 种:
1、使用 classnames 库
npm install classnames --save 安装依赖
import classnames from 'classnames' 引入依赖
使用:

预约码
//
预约码
预约码
//
预约码
// true 渲染此class,false 不渲染此class。根据实际情况换成自己的条件。
预约码
//
预约码
预约码
//
预约码

2、使用模板字符串拼接

预约码
//
已签约

3、数组拼接

预约码
; //
签约中