react项目className动态添加

云端的日子

方式一:

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'} 
阅读 434
55 声望
1 粉丝
0 条评论
55 声望
1 粉丝
宣传栏