javascript - React 如何添加多个className

查看：1795 发布时间：2017/9/6 8:11:13 node.js javascript react-router react.js

本文介绍了javascript - 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>

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

解决方案

import cs from 'classnames'//引入classnames依赖库
const addClass2 = true


<div className=cs({"class1":true,"class2":addClass2})>{value.value}</div>

这篇关于javascript - React 如何添加多个className的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文