ネイティブの条件付きレンダリングに反応する

Question

インラインifステートメントを使用して、データの一部が存在するかどうか、および表示するかどうかを確認しようとしています。このコードは現在、レンダリング、リターンブロックにあります。

私が抱えている問題は、これを使用すると、コンテンツがレンダリングされなくなることです

{(() => {
              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>
  );
}

行くぞ.