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

【问题标题】：What is this condition syntax in react native code?反应本机代码中的这种条件语法是什么？
【发布时间】：2019-02-18 09:24:18
【问题描述】：

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

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

基本上是缩写

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

【讨论】：