react-native - React Native 中的条件渲染

标签 react-native

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

最佳答案

您还可以在 jsx 代码中使用条件,例如

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

或者即使它们是一些你可以写的嵌套

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

或者即使只有一些 View

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

关于react-native - React Native 中的条件渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47960513/

相关文章:

react-native - 什么是 AppDelegate 实现?推送通知IOS

javascript - 数组长度显示不正确

java - 我的 MainActivity.java 文件中的 ReactInstanceManager 在哪里?

android - 目标 SDK 卡在 22

javascript - 如何在 React Native 上访问数组状态或 json 数据?

android - React Native 错误 'Unable to resolve module ` react-native` '

react-native - <Provider> 不支持在 react native + redux 中动态更改 `store`

javascript - 在 React Native 中停止顺序动画

css - 无法使用 React Native Dimensions 将 <TextInput> 光标定位到屏幕的水平中心

javascript - 在 React Native 中解析对 FlatList 的 JSON 数组响应