如何在If語句中呈現某些內容Reaction Native [英] How to render something in an if statement React Native

查看:0
本文介紹了如何在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的文章就介紹到這了,希望我們推薦的答案對大家有所幫助,也希望大家多多支持IT屋!

查看全文
登錄 關閉
掃碼關注1秒登錄
發送“驗證碼”獲取 | 15天全站免登陸
亚洲AV无码国产精品