javascript - React JS:根据条件更改CSS类

我想根据特定条件给div一个CSS类。它始终采用最后一个条件。

这是我的代码。

我得到logos.length为3

<div className= "${ (this.state.logos && (this.state.logos.length == 3)) ? 'width_15_percent' : (this.state.logos && (this.state.logos.length == 2)) ? 'width_20_percent' : 'width_50_percent' } ">

some data

</div>

任何帮助都会很棒。

谢谢。

最佳答案

< div className = {
    (this.state.logos && (this.state.logos.length === 3)) ? 'width_15_percent' :
      (this.state.logos && (this.state.logos.length === 2)) ? 'width_20_percent' : 'width_50_percent'
  } >
  some data < /div>