Скрыть / Показать компоненты в реагировать родной

Я действительно новичок в React Native и мне интересно, как я могу скрыть / показать компонент.
Вот мой тестовый пример:

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

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

у меня естьTextInput компонент, что я хочу, чтобы показатьTouchableHighlight когда ввод получает фокус, затем скрытьTouchableHighlight когда пользователь нажимает кнопку отмены.

Я не знаю, как "получить доступ" кTouchableHighlight компонент для того, чтобы скрыть / показать его внутри моих функцийshowCancel/hideCancel.
Кроме того, как я могу скрыть кнопку с самого начала?

Ответы на вопрос(16)

Ваш ответ на вопрос