react项目类名动态添加

形式一:

className={['permission-row-wrap', opt.childrenList.length ? 'permission-row-no-right' : null]}

形式二:

className={`pageName-wrap ${opt.childrenList.length ? 'pageName-wrap-no-right' : null}`}

形式三:

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

最终失去:

className={'classsA' 'classB'}

留神肯定不能如下写法:

className={arr.length && 'classsA'}~~~~
通过编译之后变成如下:className={false}
并不是冀望的className={'classsA'} 

【腾讯云】轻量 2核2G4M,首年65元

阿里云限时活动-云数据库 RDS MySQL  1核2G配置 1.88/月 速抢

本文由乐趣区整理发布,转载请注明出处,谢谢。

您可能还喜欢...

发表回复

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

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据