如何在 if 语句中渲染某些内容 React Native

Problem

我在 React 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>