Hide / Show Komponenten in reagieren native

Ich bin wirklich neu in React Native und frage mich, wie ich eine Komponente ein- / ausblenden kann.
Hier ist mein Testfall:

<TextInput
    onFocus={this.showCancel()}
    onChangeText={(text) => this.doSearch({input: text})} />

<TouchableHighlight 
    onPress={this.hideCancel()}>
    <View>
        <Text style={styles.cancelButtonText}>Cancel</Text>
    </View>
</TouchableHighlight>

Ich habe einTextInput -Komponente, was ich will, ist das @ zu zeigTouchableHighlight Wenn der Eingang den Fokus erhält, dann verstecke dasTouchableHighlight Wenn der Benutzer die Abbruchtaste drückt.

Ich weiß nicht, wie ich auf das @ "zugreifen" soTouchableHighlight Komponente, um es innerhalb meiner Funktionen zu verstecken / zeigenshowCancel/hideCancel.
Auch, wie kann ich die Schaltfläche von Anfang an ausblenden?

Antworten auf die Frage(32)

Ihre Antwort auf die Frage