方法一: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结尾 单类名设置 多类名设置 方法一 方法二 ...