React 如何添加多个className

Question

<div className={value.class}>{value.value}</div>

动态的添加class 这样只能添加一个class
如果

<div className={value.class value.class2}>{value.value}</div>

这样会报错

但是我想要渲染后的结果是

<div class="class1 class2">谢谢你</div>

怎么可以做到 还是需要插件？

Answer 1

<div&nbsp;className={value.class&nbsp;+&nbsp;"&nbsp;"&nbsp;+&nbsp;value.class2}>{value.value}</div>拼接字符串啊……要不喜欢的话用字符串模板也行啊<div&nbsp;className={`${value.class}&nbsp;${value.class2}`}>{value.value}</div>花括号里面就是可以运算的部分啊如果是数组的话直接join也行啊<div&nbsp;className={classnames.join("&nbsp;")}>{value.value}</div>