réagir au rendu conditionnel natif

Question

J'essaie d'utiliser une instruction if en ligne pour vérifier si une donnée existe et si elle l'affiche. ce code se trouve actuellement dans mon bloc de rendu, retour.

le problème que j'ai, c'est qu'en utilisant cela, le contenu n'est plus rendu

{(() => {
              if (this.props.data.size) {
                <Text style={styles.headerLabel}>Sizes</Text>
                {(this.props.data.size||[]).map((section,i) => (
                  <AddToCartRow key={i} data={section} productName={this.props.data.name} value={Config.priceToPriceWithCurrency(section.price)} />
                ))}
              }
            })()}

Answer 1

render(){
  return(
    <View>
    {this.state.error && <Text style={{ color: 'red' }}>{this.state.errorMessage}</Text>}
    <Text>Hello World!</Text>
    </View>
  );
}

Voilà.