如何在If语句中呈现某些内容Reaction Native

How to render something in an if statement React Native(如何在If语句中呈现某些内容Reaction Native)
本文介绍了如何在If语句中呈现某些内容Reaction Native的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问题

我在原生反应中使用平面列表,并希望与平面列表中的变量进行比较,如果两个变量相等,则呈现一个文本组件,如果两个变量不相等,则不呈现任何内容。我试过很多方法做这件事,但都不管用。我很想得到一些帮助,想出一种方法来做到这一点!谢谢。

推荐答案

有几种方法会立刻浮现在脑海中。我只是假设你想要比较的是什么,但你可以把这些变量换成你喜欢的。您可以做的第一件事是使您的文本在Text组件EG中是条件的

<Text>{this.state.variable == this.props.stuff ? "RENDER TEXT" : ""}</Text>

或者,如果您希望在变量不相等时发出Text组件,请在类中设置一个函数,该函数将有条件地返回Text组件

renderMessage = () => {
    if(this.state.variable == "stuff"){
        return(
            <Text>They were equal</Text>
        );
    }else{
        return(
            <View></View> // OR WHATEVER YOU WANT HERE
        );
    }
}
...
//Then in your render function
....
<View style = {styles.whatever}>
    {this.renderMessage()}
</View>

这篇关于如何在If语句中呈现某些内容Reaction Native的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

How to target newer versions in .gitlab-ci.yml using auto devops (java 11 instead of 8 and Android 31 instead of 29)(如何在.gitlab-ci.yml中使用自动开发工具(Java 11而不是8,Android 31而不是29)瞄准较新的版本)
Android + coreLibraryDesugaring: which Java 11 APIs can I expect to work?(Android+core LibraryDesugering:我可以期待哪些Java 11API能够工作?)
How can I sync two flatList scroll position in react native(如何在本机Reaction中同步两个平面列表滚动位置)
Using Firebase Firestore in offline only mode(在仅脱机模式下使用Firebase FiRestore)
Crash on Google Play Pre-Launch Report: java.lang.NoSuchMethodError(Google Play发布前崩溃报告:java.lang.NoSuchMethodError)
Viewpager2 transistion stuck halfway when slide opened using setCurrentItem(使用setCurrentItem打开幻灯片时,ViewPager2转场中途停滞)