React Native显示视图取决于条件

Question

在我的渲染方法中，我想根据我View中的条件显示两个props组件中的一个。 e.g：

render() {
  return(
    <View>
      <View>View A</View>
      <View>View B</View>
    </View>
  );
}

条件为this.props.myConditional。如果false显示A，如果true，则显示B ...

Answer 1

实际上很容易

render() {
  return <View>
    {this.props.myConditional ? <View>View B</View> : <View>View A</View>}
  </View>
}

Answer 2

如果您正在使用功能组件，那么最新的方法就更简单了，

return (
<View style={Condition ? Styles.A : Styles.B}>

</View>

)

const Styles = StyleSheet.create（{ 一种： { 显示：“无” }， B：{ 显示：“ flex” } } ）

最好不要去研究功能组件