Question

我写了一个if else null见下面，它运行正常。

{this.state.tomorrow.length > 0 ?
    <ListItem itemDivider style={{backgroundColor: 'crimson'}}>
        <Text style={{color: 'white'}}>Tomorrow</Text>
    </ListItem> : null
}

然后我在另一页上写了这个并且它不起作用，我做错了什么？

 <Grid>                                  
     <Row style={{paddingBottom:10}}>
         <Col>
             <Text>Location:</Text>
         </Col>
         <Col>
             <Text>{ this.state.appointment.location }</Text>
         </Col>
     </Row>
     {this.state.appointment.location_bool ? <Text>Hello</Text> : null }
 </Grid>

我得到的错误是：

无法读取属性'type'的null

由于

Answer 1

 <Grid>                                  
     <Row style={{paddingBottom:10}}>
         <Col>
             <Text>Location:</Text>
         </Col>
         <Col>
             <Text>{ this.state.appointment.location }</Text>
         </Col>
     </Row>
      <Row>
          {
             this.state.appointment.location_bool ?  
                 <Col> <Text> Hello </Text>  </Col> 
                 : 
                 null
          }
      </Row>
 </Grid>

React Native - 如果else null无效

1 个答案: