react 动态绑定class

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>复制代码


转载于:https://juejin.im/post/5d036d8ae51d4555e372a5e6

猜你喜欢

转载自blog.csdn.net/weixin_34110749/article/details/93177610