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 className={value.class + " " + value.class2}>{value.value}</div>

拼接字符串啊……
要不喜欢的话用字符串模板也行啊

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

花括号里面就是可以运算的部分啊

如果是数组的话直接join也行啊

<div className={classnames.join(" ")}>{value.value}</div>