javascript - 根据 if/else 结果绘制另一个屏幕 React Native

Question

这是我的代码

renderContent = (order, _, isActive) => {
     return (
          <View style={[styles.child, isActive ? styles.active : styles.inactive]}>
             if ((order.id)==1) {
                   <View>
                       <Text>Hello World</Text>
                   </View>
             }
             return(
                    <View>
                       <Text>Goodbye</Text>
                   </View>
                    )
             )
}

基本思想是，如果 id 等于 1，则显示 Hello World，否则显示 Goodbye。这是我的代码。但它不起作用。

Answer 1

renderContent = (order, _, isActive) => {
 return (
  <View style={[styles.child, isActive ? styles.active : styles.inactive]}>
    {order.id == 1
      ?
       <View>
         <Text>Hello World</Text>
       </View>
      :
       <View>
         <Text>Goodbye</Text>
       </View>
    }
  </View>
 )
}