React/动态绑定class

Posted 2020-11-21 liang-meng

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了React/动态绑定class相关的知识，希望对你有一定的参考价值。

第一种

字符串拼接

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

第二种

有判断条件的

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

第三种

使用ES6 模板字符串

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

以上是关于React/动态绑定class的主要内容，如果未能解决你的问题，请参考以下文章