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