react className加js判断

react className加js判断可行 1 ES6 模板字符串 className title index this state active active 2 join 组成字符串 className title index this state active active null join 3 依赖 classnames git 地址 4 多

可行

1.ES6 模板字符串 “

className={`title ${index === this.state.active ? 'active' : ''}`} 

2.join组成字符串

className={["title", index === this.state.active?"active":null].join(' ')} 

4.多写一遍原class

className={index === this.state.active?"active title":"title"} 

不可行

1.分开写className

className="title" className={index === this.state.active?"active":null} 
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/212544.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月18日 下午7:49
下一篇 2026年3月18日 下午7:49


相关推荐

  • 贴片电阻快速识别表与识别方法_电阻的识别方法

    贴片电阻快速识别表与识别方法_电阻的识别方法有时候认为自己已经理解的知识,其实并没有理解,比如看贴片电阻阻值。

    2022年8月21日
    7
  • 城际出行报告:后滴滴时代的千亿蓝海

    城际出行报告:后滴滴时代的千亿蓝海

    2021年9月15日
    148
  • 2021年6月18日
    91
  • Activity启动模式 及 Intent Flags 与 栈 的关联分析

    Activity启动模式 及 Intent Flags 与 栈 的关联分析在学习 Android 的过程中 Intent 是我们最常用 Android 用于进程内或进程间通信的机制 其底层的通信是以 Binder 机制实现的 在物理层则是通过共享内存的方式实现的 nbsp nbsp Intent 主要用于 2 种情景下 1 发起意图 nbsp 2 广播 nbsp nbsp 它的属性有 ComponentNam action data category extras flags 等 通常情况下 进行 Inten

    2026年3月20日
    2
  • qt无法解析的外部符号lnk2019_2019最新驾考宝典

    qt无法解析的外部符号lnk2019_2019最新驾考宝典在编译工程的时候经常会碰到”LNK2019:无法解析的外部符号… “的报错。一般来说,碰到这个错误有一下几种情况:1、头文件中声明了函数或者类型,但是没有相关的实现源文件解决:在编译结果中找到并定位该函数,删去多余的定义并对未实现的定义进行实现;注意删去Debug和Release文件夹,并重新构建。2、调用了第三方库,但是未链接成功解决:重新添加库的.lib和.dll及相关.h文

    2022年10月5日
    4
  • 计算矩阵的欧式距离

    计算矩阵的欧式距离对于 kNN 算法 难点在于计算测试集中每一样本到训练集中每一样本的欧氏距离 即计算两个矩阵之间的欧氏距离 现就计算欧式距离提出三种方法 1 两层循环分别对训练集和测试集中的数据进行循环遍历 计算每两个样本之间的欧式距离 此算法没有经过任何优化 importnumpya 1 np array 1 2 3 4 5 6

    2026年3月16日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号