在一个元素上设置样式,有一个固定的样式,然后还有一个使用三元运算符根据条件添加的样式。 比如说有一个固定样式"title": <div className="title">标题</div>, 然后还要一个点击高亮的样式: <div className ...
方法一:ES 模板字符串 className title index this.state.active active : 方法二:join className title , index this.state.active active :null .join ...
2021-05-18 14:01 0 3060 推荐指数:
在一个元素上设置样式,有一个固定的样式,然后还有一个使用三元运算符根据条件添加的样式。 比如说有一个固定样式"title": <div className="title">标题</div>, 然后还要一个点击高亮的样式: <div className ...
ES6新增的不少语法都是极好用的, 在拼接变量与字符串时,模版字符串``就是典型的用法 以下是2种写法 ...
title为固定样式,active为条件渲染 ...
import styles from './styles.module.scss' <div className={`${styles.selectCard} ${styles.pointer}`}></div> className 里加判断 ...
使用字符串模板,样式间用空格隔开 ...
例如<div className={style.calss1,style.class2}></div> 该方法会报错 想得到最终渲染的结果:<div class='class1 class2'></div> , 解决办法:引入classnames ...
react想要有多个类名该如何写 效果: ...