条件渲染反应原生

Question

我刚刚开始使用React Native，而且还有一个我无法完成的任务。 我想制作一个有/无问题的屏幕。 根据用户选择的那个，我会渲染一个我准备好的组件，或者只是关闭屏幕。 提前谢谢！

Answer 1

您还可以使用jsx代码中的条件，如

render(){
    return myCondition ? <MyFirstComponent/> : <MySecondComponent/>
}

或者即使他们是一些嵌套你也可以写

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

或者即使只有一些观点

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

Answer 2

要在React Native中进行条件渲染，可以使用if语句：

render(){
    if(myCondition){
        return(<MyFirstComponent/>);
    }
    else{
        return(<MySecondComponent/>);
    }
}