Soy realmente nuevo en React Native y me pregunto cómo puedo ocultar / mostrar un componente.
Aquí está mi caso de prueba:

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

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

tengo unTextInput componente, lo que quiero es mostrar elTouchableHighlight cuando la entrada obtiene el foco, luego oculta elTouchableHighlight cuando el usuario presiona el botón cancelar.

No sé cómo "acceder" alTouchableHighlight componente para ocultarlo / mostrarlo dentro de mis funcionesshowCancel/hideCancel.
Además, ¿cómo puedo ocultar el botón desde el principio?