IT技术 - 根据条件react本机显示视图 - 吾爱随笔录

IT技术 javascript reactjs react-native

2021-05-10 18:31:47

在我的渲染方法中，我想View根据我的props. 例如：

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

条件在哪里this.props.myConditional。如果false, 显示 A, 如果true, 显示 B...

2个回答

其实很简单

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

如果您正在使用功能组件，最新的方法那么它更容易，因为，

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

</View>

)

const Styles = StyleSheet.create({ A: { display:"none" }, B:{ display:"flex" } } )

休息你必须研究功能组件

其它你可能感兴趣的问题