Javascript 对于非布尔属性，React接收到'true'

我只是检查此条件以在元素上设置类，但出现以下错误：

<div className={(this.state.kindValue === 1 && this.state.depositValue === 1) || (this.state.depositValue === 0 ? 'two fields' : 'two fields hide')}>

<div className={(this.state.kindValue === 1 && this.state.depositValue === 1) || this.state.depositValue === 0 ? 'two fields' : 'two fields hide'}>

js:1406警告：收到非布尔属性的

true

className

如果要将其写入DOM，请传递字符串： className=“true”或className={value.toString（）}

---

我不明白该怎么解决这个问题？

我想你把括号放错了，所以你得到的是

true

或

false

，而不是

两个字段

或

两个字段隐藏

。请尝试此代码