Что это за синтаксис условия в реагировать нативный код?

Question

Это часть кода, который я нашел для отображения счетчика в реакции нативного

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

Но какой это синтаксис? Что означает this.state.loading &&? Отличается от встроенного состояния.

Answer 1

По сути, это просто условие, подобное троичному оператору, если первое условие истинно, оно будет отображаться, поскольку блок тегов (второе условие) всегда истинно.

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

Answer 2

Оператор && оценивает только левую сторону. Если результат равен true, то представление отображается. Если он оценивается как ложный, ничего не отображается.

В основном это сокращение от

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