javascript - 如何使用 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>
    )