如何使用React Native访问对象的属性？

Question

使用React Native，无法访问对象的brand属性，当然不能访问brand.name。

有人知道会发生什么吗？谢谢

代码：

<CardItem bordered style={ styles.cardItem }>
    <Text style={{ padding:20 }} >{this.state.beer.brand.name}</Text>
 </CardItem>

对象：

Answer 1

您应先进行条件检查，然后直接访问嵌套键

类似

  const { beer } = this.state;
 return(
     <div>
         <CardItem bordered style={ styles.cardItem }>
              {beer && beer.brand && <Text style={{ padding:20 }} >{ beer.brand.name}</Text>}
         </CardItem>
     </div>
    )