React中动态切换类名

最新推荐文章于 2024-07-04 16:15:05 发布

船长㉿

最新推荐文章于 2024-07-04 16:15:05 发布

阅读量1.3k

点赞数

分类专栏： React

本文链接：https://blog.csdn.net/weixin_43647163/article/details/104567308

版权

React 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

通过安装 classnames来管理类别

npm install classnames --save

import classNames from 'classnames';
// high-speed-track 固定类名
// 通过highSpeed是否存在来动态切换类名
<div className={classnames('high-speed-track',{
   'item-on': highSpeed
 })}
>
   <span className={classnames('high-speed-handle',{
        checked: highSpeed
    })}></span>
</div>