文章介绍了如何在前端开发中动态地绑定元素的style属性和class。对于style，展示了如何根据条件展示或隐藏元素；对于class，提到了单个类名的绑定以及如何使用数组和ES6模板字符串处理多个类名的情况。这种方法常见于React等库的开发中。
1.动态绑定style
单个style属性
<div style={{display:boolean?'block':'none'}}></div>
多个style属性
可以定义到state中，直接绑定上去
2.动态绑定class
单个类名，不含其他类
<div className={{boolean?'classname1':null}}></div>
多个类名
A.使用数组：
<div className={[boolean?'classname1':null,'classname2'].join(" ")}></div>
B.使用es6模板字符串（推荐）：
<div className={`classname1 classname2 ${boolean?'classname3':null}`}></div>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
