Как получить строку ввода из текстовой области в реагирующем

Question

У меня уже есть существующий код, который я пытаюсь понять и немного подправить. У меня есть текстовая область, и когда человек вводит текст, в списке отображаются все слова, начинающиеся с этого символа. Проблема, с которой я сталкиваюсь, заключается в том, что, вероятно, она не может извлечь или получить напечатанный текст или символ, следовательно, как только я что-то ввожу, и хотя в списке есть элемент, начинающийся с этого символа, он говорит, что в списке нет соответствующего элемента. Я не смогу поделиться всем кодом, так как он слишком длинный и имеет много связанных файлов, поэтому я могу поделиться только фрагментом его.

constructor(props){
        super(props);
        this.loadWithQuery = this.loadWithQuery.bind(this);
        this.onPress = this.onPress.bind(this);
    }

render(){
<SafeAreaView style={{flex : 1, backgroundColor : "white"}}>
            <Search 
                renderItem={this.renderItem}
                placeholder={"Enter OS Name1"}
                refreshing={loading}
                loadWithQuery={this.loadWithQuery}
                data={osNames}
                title={"Select OS Name"}
                error={error}
            />
            </SafeAreaView>
}

renderItem = ({item}) => {
        return (
            <TouchableOpacity onPress={() => this.onPress(item)}>
                <View style={styles.container}> 
                    <Text style={styles.name} value={item.os_name} />
                </View>
            </TouchableOpacity>
        )
    };

loadWithQuery(searchedString){
        const {
            customerId,
            token
        } = this.props;
        console.log("query", query)
        this.props.getOsNames(token, customerId, searchedString);
    }