react动态绑定class

1:字符串拼接

<div className={'left-item' + " " + (item.link?'link':'')}>样式绑定</div>

2:ES6模板字符串

<div className={`left-item ${(item.link?'link':'')}`}>样式绑定</div>

用过vue的小伙伴们首先就会想到用数组或者对象去绑定,但会出问题,已经爬坑...

错误示范

1:数组

<div className={['left-item', (item.link?'link':'')]}>样式绑定</div>

2:对象

<div className={{'left-item': true, link: (item.link?true:false)}}>样式绑定</div>

版权声明:
作者:歪脖札记
链接:https://www.zxlmx.com/zhaji/qianduan/react/140.html
来源:歪脖札记
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
打赏
< <上一篇
下一篇>>