react設置多個className
在一個元素上設置樣式,有一個固定的樣式,然后還有一個使用三元運算符根據條件添加的樣式。 比如說有一個固定樣式"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想要有多個類名該如何寫 效果: ...