if语句 – 反应原生条件渲染

前端之家收集整理的这篇文章主要介绍了if语句 – 反应原生条件渲染前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图使用内联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)} />
                ))}
              }
            })()}
render(){
  return(
    <View>
    {this.state.error && <Text style={{ color: 'red' }}>{this.state.errorMessage}</Text>}
    <Text>Hello World!</Text>
    </View>
  );
}

你去吧

原文链接:https://www.f2er.com/react/300789.html

猜你在找的React相关文章