【react】动态绑定className

String佳佳

已于 2022-10-12 17:22:01 修改

阅读量2k

点赞数

分类专栏： react 文章标签： react.js

于 2022-10-12 17:18:34 首次发布

本文链接：https://blog.csdn.net/weixin_44171757/article/details/127286814

版权

react 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

在编程过程中，有时候会遇到动态绑定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>