反应本机显示视图取决于条件

Question

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

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({{ A： {显示："无"}，，B：{显示：" Flex"}}(

休息您必须研究功能组件