react 动态绑定class

4,212 阅读1分钟

1. 直接动态绑定,没有判断条件的(有判断条件这样写的话iconfont 不会被渲染出来 )

<i className={["iconfont"+" "+item.icon]} ></i>

2.有判断条件的

<i className={["iconfont ",isRed ?item.icon :'' ].join('')} ></i>

3.使用ES6 模板字符串

<i className={`iconfont ${isRed ?item.icon :'' }`} ></i>