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”如何?