在编程过程中,有时候会遇到动态绑定class类名的需求,在vue中很简单,直接<div :class="{show:true,hide:false}"></div
。但是在react中该怎么实现呢?
实现方法:
1、安装classname插件:npm install classnames --save
2、代码实现:
import classNames from "classnames";//引入插件
//插件使用
<div
// xxx可以任意自定义,表示固定的class类名 不需要条件判断动态绑定
className={classNames("xxx", { "echarts-hidden": true/false })}
></div>