react项目类名动态添加

33次阅读

共计 402 个字符,预计需要花费 2 分钟才能阅读完成。

形式一:

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

正文完
 0