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>