React 如何添加多个className

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

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

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

这样会报错

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

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

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

阅读 29.3k
评论
    10 个回答
    cheoyx
    • 1.4k
    <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>
    评论 赞赏