使用OR运算符的条件呈现

Question

我有以下代码；

       {
          this.state.isWPAEnterpriseInstalled && !this.state.passpoint && !this.state.expanded || this.state.isWPAEnterpriseInstalled && !this.state.expanded && this.state.isEnterprise && <TouchableOpacity style={!this.state.expanded ? [styles.button, { backgroundColor: this.state.primary_color }] : [styles.expandedButton, { backgroundColor: this.state.primary_color }]}
            activeOpacity={0} onPress={this.removeConfigEnterprise}>
            <Text allowFontScaling={false} style={styles.button_text}>Remove WPA </Text>
          </TouchableOpacity>
        }

我遇到的问题是条件渲染线；

this.state.isWPAEnterpriseInstalled && !this.state.passpoint && !this.state.expanded || this.state.isWPAEnterpriseInstalled && !this.state.expanded && this.state.isEnterprise &&

就好像它只识别OR运算符之间的一个条件，即放在第一位的条件。有没有可能在React with条件呈现中OR（）运算符不可用？

如果是的话，我该如何实现以下的目标呢？例如基于2或条件的呈现。

IF ABC AND GH AND ER OR DEF AND FGH AND TYU then display button

Answer 1

我不确定我是否正确地理解了你的问题，所以如果我错了请告诉我，但我想你漏了括号。我认为您正在尝试呈现this.state.iswpaEnterpriseInstalled

也许你的本意是这样写的：

(this.state.isWPAEnterpriseInstalled && !this.state.passpoint && !this.state.expanded) || (this.state.isWPAEnterpriseInstalled && !this.state.expanded && this.state.isEnterprise) && <TouchableOpacity>...

希望我能帮上忙。