方法一:ES6 模板字符串 `` className={`title ${index === this.state.active ? 'active' : ''}`} 方法二:join("") className={["title", index === this.state.active ...
在一個元素上設置樣式,有一個固定的樣式,然后還有一個使用三元運算符根據條件添加的樣式。 比如說有一個固定樣式 title : lt div className title gt 標題 lt div gt , 然后還要一個點擊高亮的樣式: lt div className index this.state.active active : null gt 標題 lt div gt 不能這樣寫: lt ...
2018-08-20 15:10 0 7565 推薦指數:
方法一:ES6 模板字符串 `` className={`title ${index === this.state.active ? 'active' : ''}`} 方法二:join("") className={["title", index === this.state.active ...
title為固定樣式,active為條件渲染 ...
className={`${styles.className1} ${styles.className2}`} ...
使用字符串模板,樣式間用空格隔開 ...
例如<div className={style.calss1,style.class2}></div> 該方法會報錯 想得到最終渲染的結果:<div class='class1 class2'></div> , 解決辦法:引入classnames ...
react 設置背景圖 react 設置多個className 1.在一個元素上設置樣式,有一個固定的樣式,然后還有一個使用三元運算符根據條件添加的樣式。 2.ES6 模板字符串 https://www.cnblogs.com/vali/p/6419636.html https ...
引入樣式文件 注意: 樣式文件名必須要以.module.css結尾 單類名設置 多類名設置 方法一 方法二 ...