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

Question

这是我找到的用于在 React Native 中显示微调器的代码的一部分

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

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

Answer 1

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

基本上是

的缩写

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

Answer 2

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

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