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'} 

评论

发表回复

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

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理