日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學(xué)無(wú)先后，達(dá)者為師

網(wǎng)站首頁(yè) 編程語(yǔ)言 正文

react設(shè)置多個(gè)classname

作者：xinxin_csdn 更新時(shí)間： 2022-05-10 編程語(yǔ)言

方法一：ES6模板

className = {`title ${index === this.state.active ? ‘a(chǎn)ctive’ :’’}`}

方法二：join(‘ ’)

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

方法三：

引入classnames庫(kù)，安裝：

1

npm install classnames --save

 

import classnames from 'classnames'

true可以省略

使用樣式的module化時(shí)引用

?

原文鏈接：https://blog.csdn.net/xinxin_csdn/article/details/120436824

欄目分類(lèi)
最近更新