Javascript 根据条件对本机显示视图作出反应

Javascript 根据条件对本机显示视图作出反应,javascript,reactjs,react-native,Javascript,Reactjs,React Native,在我的渲染方法中,我希望根据我的道具中的条件显示两个视图组件之一。e、 g: render() { return( <View> <View>View A</View> <View>View B</View> </View> ); } render(){ 返回( 查看A 视图B ); } 其中条件为this.props.myConditional。如果false,则显示A,

在我的渲染方法中,我希望根据我的
道具中的条件显示两个
视图
组件之一。e、 g:

render() {
  return(
    <View>
      <View>View A</View>
      <View>View B</View>
    </View>
  );
}
render(){
返回(
查看A
视图B
);
}

其中条件为
this.props.myConditional
。如果
false
,则显示A,如果
true
,则显示B…。

这实际上相当简单

render(){
返回
{this.props.myConditional?视图B:视图A}

}
如果您使用的是功能组件,那么最新的方法就更简单了

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

</View>

)
返回(
)
const Styles=StyleSheet.create({ A:{ 显示:“无” }, B:{ 显示:“flex” } } )


Rest您必须查看功能组件

如果您只想在它为真时显示它,如果不为真时显示“nothing”如何?