react-native中的条件呈现

react-native中的条件呈现,react-native,React Native,我最近才开始使用React Native,有一项任务我无法完成。 我想制作一个带有是/否问题的屏幕。 根据用户选择的组件,我将渲染已准备好的组件,或者关闭屏幕。 提前谢谢你 要在React Native中执行条件呈现,可以使用if语句: render(){ if(myCondition){ return(<MyFirstComponent/>); } else{ return(<MySecondComponent/>

我最近才开始使用React Native,有一项任务我无法完成。 我想制作一个带有是/否问题的屏幕。 根据用户选择的组件,我将渲染已准备好的组件,或者关闭屏幕。
提前谢谢你

要在React Native中执行条件呈现,可以使用if语句:

render(){
    if(myCondition){
        return(<MyFirstComponent/>);
    }
    else{
        return(<MySecondComponent/>);
    }
}
render(){
if(霉菌病){
return();
}
否则{
return();
}
}

您还可以在jsx代码中使用以下条件

render(){
    return myCondition ? <MyFirstComponent/> : <MySecondComponent/>
}
render(){
返回myCondition?:
}
或者,即使它们是一些你可以写的嵌套

    <View>
       {...childrens}
       { myCondition ? <MyFirstComponent/> : <MySecondComponent/>}
    </View>

{…儿童}
{myCondition?:}
或者哪怕只是一些观点

        <View>
           {...childrens}
           { myCondition && <View> </View>}
        </View>

{…儿童}
{myCondition&&}