反应本机代码中的这种条件语法是什么？

Question

这是我在反应原生中显示微调器的代码的一部分

...
{this.state.loading &&
    <View style={styles.loading}>
      <ActivityIndicator size='large' />
    </View>
}

但是它的语法是什么？ this.state.loading &&是什么意思？它与内联条件不同。

Answer 1

&&运算符仅评估左侧。如果结果为true，则呈现视图。如果计算结果为false，则不呈现任何内容。

基本上它是短的

{this.state.loading?
    <View style={styles.loading}>
        <ActivityIndicator size='large' />
    </View>
: null}

Answer 2

基本上，它只是一个像三元运算符的条件，如果第一个条件为真，它将呈现，因为标记块（第二个条件）始终为真。

{ condition &&
  <div>
    ...
  </div>
}