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>